vue定义一个过滤器(vue使用过滤器)

本文主要介绍vue定义了一个滤镜(vue使用滤镜)，下面一起看看vue定义了一个滤镜(vue使用滤镜)相关资讯。
本文主要介绍vue cli的自定义滤镜，分享给大家，给自己做个记录。vue2中移除了内置过滤器。所有的过滤器都需要定义自己。下面的例子是以使用模板定制日期格式的webpack过滤器为例。文件结构。it 只是src，我们有过滤器，我们只做dataformat.js，我们做index.js，main . js——所有的过滤器都放在filter文件夹中，还有webpack模板文件的其余部分的结构，这里没有完全写出来。filt: mm | |；let date =新日期(时间)；if (//(y)。测试(fmt)){ fmt = fmt . replace(regexp .1美元，(date.getfullyear)。substr(4—9 .一美元。长度))；} let dt = {m: date.getmonth 1，d: date.getdate，h: date.gethours，m: date.getminutes，:date . get seconds} for(l测试(fmt)){ let fmt(1美元= fmt.replace正则表达式，(正则表达式。1 . length usd = 1):str( ;00强度)、substr (str。长度))；}}返回格式；}这段代码是在网上找的，我只是稍微修改了一下。filter/index.js这里集合了所有的自定义滤镜，方便在main.js中一次添加到全局滤镜中，如果自定义滤镜不止一个，只需要在这个文件中导出即可。导出日期过滤器导入日期格式。/date format当派生表单派生键值时，请在筛选器的全局名称筛选器中设置它。导出日期格式} {可以继续导出其他过滤器src/main.js这个文件是程序的主入口，平时负责配置相关的东西。因此，毫无疑问，添加一个过滤器是它的工作(这是唯一可以获得vue对象的地方)。///index.js会找到过滤器import *作为默认遍历所有派生过滤器的过滤器，并添加到全局过滤器object.keys (filter)，foreach ((key) = {vue.filter (key，filter { key })；})it ;它很容易使用，就像以正常使用它和编写它一样。在项目中，您需要一个新日期(日期格式)|转折点}新日期(日期格式)|转折点( yyyymm dd hh: mm: ss)}以上是本文的全部内容。希望能帮到你，也希望你多多支持我。
了解更多vue定义了一个滤镜(vue使用滤镜)相关内容请关注本站点。


哪个品牌手机运行快(哪一款手机运行速度快)
电脑里面如何分盘，电脑怎么分盘
电脑雕刻精雕龙图片大全(龙雕雕刻机怎么使用)
苹果手机信号不好怎样提升(提高苹果手机信号强度)
如何更改文件的类型(怎么修改文件类型修改文件类型的方法介绍)
长江存储内存条品牌，内存条有哪些品牌
《英雄战魂》(英雄战魂百科)
微波炉使用注意什么(微波炉使用时注意事项)