全局过滤器 (写在main.js里面):
Vue.filter('year',(val)=>{
return val + '年'
})
//组件内使用:
<text>{{ 2022 | year }}</text> //输出2022年
year过滤器的名字,后跟一个函数,函数传入一个参数val,而函数里面处理这个参数val,然后return返回处理后的数据
局部过滤器(写在页面/组件里):
export default {
filters:{
year(val){
return val+'年'
}
},
}
//组件内使用:
<text>{{ 2022 | year }}</text> //输出2022年
使用过滤器:在差值表达式里面使用 val实参 | 过滤器 的形式 使用即可
文章评论