vue filters过滤器分别在template和script中使用

发布于:2023-01-01 ⋅ 阅读:(564) ⋅ 点赞:(0)

全局注册过滤器与局部注册:

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[‘过滤器名称’](参数)
在这里插入图片描述