<div id="box">
<!-- !!!注意 过滤去只能在 v-bind 和 {{}} 中用 -->
// 使用 谁要被过滤|过滤器名
//全局过滤器
<!-- <p v-text='num | abc'></p> --> //全局过滤器结果54321
//局部过滤器
<div> {{'123'|abc|list}}</div> //局部过滤器打印结果cba张三
//局部过滤器第一个参数不写{{'123'}}这个参数不写是denifednu
</div>
<script>
//全局过滤
Vue.filter('abc',function(da){
return String(da).split('').reverse().join('')
})
new Vue({
el:"#box",
data:{
num:12345
},
//局部过滤器
filters:{
list(da){
console.log(da)
return da+张三
}
}
})
</script>
vue全局过滤器案例
于 2022-03-16 20:10:32 首次发布