在项目中突然发现了Vue的 filters,官方称为vue的过滤器。此外关于过滤器filters,1.0版本更新为2.0版本后有了变动,原来1.0版本的许多内置过滤器已不能使用,2.0版本一般用于页面的{{ }}中引用,其结构为
<div>{{ companyName | Name }}</div>
在{{ }}中前面的关键字为在 data 中绑定的数据中的其中一个关键字值,中间使用 “|”管道符隔开,后面是针对前面关键字携带的参数,过滤器接收的第一个参数是companyName(前面自定义的),然后才依次传值(即从第二个开始)
data: {
data: [{
companyName: '浙江杭州阿里巴巴',
id: '3'
}, {
companyName: '深圳腾讯有限公司',
id: '2'
}, {
companyName: '中国石油集团',
id: '1'
}]
},
filters: {
Name: function (value) {
return companyName.substr(0, 4); //编写事件要求,可以设置对companyName的一些限制,这里是截取前四个字
}
}
只是简单的理解,若有错误还望谅解指正!