码迷,mamicode.com
首页 > 其他好文 > 详细

vue-过滤器(filter)

时间:2019-01-26 11:13:51      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:简写   分享   http   显示   多个参数   r.js   文件   传参   .com   

1、全局过滤器(项目中所有的vue文件都可以使用)

  1.1  直接注册全局过滤器

    在main.js中注册;

    技术分享图片

    在项目中使用;

    技术分享图片

    前面的为时间,作为filter过滤器的第一个参数。

  1.2 所有过滤器写在一个单独的js文件中,引入注册

    创建一个filter.js文件;

    技术分享图片

    在main.js中映入filter.js中的过滤器,并注册

    技术分享图片

    在组件中使用

    技术分享图片

 

    显示:技术分享图片

 

2、局部过滤器

  2.1 单个组件中注册过滤器

    在组件内部注册过滤器, 该过滤器智能在这个组件中使用,可注册多个;

    技术分享图片

    使用, 下面的时间作为第一个参数,如果有多个参数,过滤器后面用括号可以传参。

    技术分享图片

    显示: 技术分享图片

3、过滤器使用

  过滤器可使用在两个地方,1是 ‘{{}}’ 中, 2是v-bind:(简写 :)中。

   技术分享图片

  并且过滤器可以串联使用, 在此处是将filter1的值作为filter2的参数。

  技术分享图片

  过滤器可以传递多个参数,如下,前面的时间作为第一个参数,后面的括号中的时间格式作为第二个参数。

  技术分享图片

 

vue-过滤器(filter)

标签:简写   分享   http   显示   多个参数   r.js   文件   传参   .com   

原文地址:https://www.cnblogs.com/daijing/p/10322636.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!