本文主要介绍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使用滤镜)相关内容请关注本站点。