美文网首页
vue-cli中注册全局filter

vue-cli中注册全局filter

作者: LIsPeri | 来源:发表于2017-10-16 14:15 被阅读0次

    第一步:编写过滤器文件如(format-date.js),我们可以在src文件夹中新建名称为filters的文件目录,来存放format-filter.js:

    在filters/format-date.js中的代码如下:
    首先import Vue from 'vue',接下来我们就可以编写自己的过滤器了:
    Vue.filter('formatDate', (val) => {
    codeing...
    巴拉巴拉...
    ......
    })

    第二步:在main.js文件中引入format-filter.js
    import '@/filters/format-date'

    第三步:在组件中需要过滤的地方直接使用过滤器名称即可
    {{ userData.create_at | formatDate }}

    相关文章

      网友评论

          本文标题:vue-cli中注册全局filter

          本文链接:https://www.haomeiwen.com/subject/nwvkuxtx.html