前端JS框架——Vue.js笔记(二)过滤器的使用

方法1:

通过在methods中写方法来实现对文本的过滤:

前端JS框架——Vue.js笔记(二)过滤器的使用_第1张图片

注:使用了String.prototype.includes('要包含的字符串')这个方法

方法返回值:包含返回true,否则返回falses

方法中item =>{} //指item以数组形式返回

方法2:

定义全局过滤器对象,来对时间进行格式化:

前端JS框架——Vue.js笔记(二)过滤器的使用_第2张图片

注:全局过滤器filter()方法参数:第一个过滤器名称即方法名,第二个是方法体,可以写相应的形参对元素进行操作。

方法3:

在创建的Vue对象中定义私有过滤器,同样是对时间进行格式化:

前端JS框架——Vue.js笔记(二)过滤器的使用_第3张图片

注:filters:{}和其他Vue对象中的属性一样,可以在里面写多个过滤器

           编写格式:过滤器名:function(){}

在元素中调用过滤器:

注:即通过在插值表达式写”|”管道符+过滤器名

    可以不用在调用写形参值!

你可能感兴趣的:(前端JS框架——Vue.js笔记(二)过滤器的使用)