vue filters过滤器分别在template和script中使用
文章目录
- 全局注册过滤器与局部注册:
- 1.全局注册过滤器使用:
- 2.局部注册过滤器使用:
- 使用该过滤器如下:
全局注册过滤器与局部注册:
1.全局注册过滤器使用:
新建了filter.js文件,然后再把该文件导入到main.js实现全局使用。
filter.js写过滤器规则:例如(身份证掩码格式:441222********0080)
Vue.filter('idCardMask', function(text) {
if (text && text.length == 18) {
return text.substring(0,6) + '********' + text.substring(14,18)
}else {
return text
}
})
2.局部注册过滤器使用:
在vue文件中export default里面增加filters:
使用该过滤器如下:
1.template中使用:(通过{{a | 过滤器的名字}}这种写法将a传入作为过滤器(idCardMask)text的实参):
2.script中使用:
格式:this.$options.filters[‘过滤器名称’](参数)