天天看点

vue3移除了过滤器filters

作者:RemoveS

vue2.x 中,可以使用过滤器来处理通用文本格式

以下两种用法都是可以的

<div id="app">
 <p>{{ name | filterName }}</p>
 <div v-bind:name="name | filterName"></div>
</div>           
var app=new Vue({
data:{
 name:'名字'
},
filters: {
 filterName(value) {
  return '什么' + value
  }
 }
})
app.$mount('#app')           
vue3移除了过滤器filters
vue3移除了过滤器filters

全局注册过滤器:在new Vue之前全局注册

Vue.filter('filterName', function (value) {
 if (!value) return ''
 value = value.toString()
 return '什么' + value
})
new Vue({
  // ...
})           

过滤器是个函数---所以也可以加参数

<p>{{ name | filterName('参数') }}</p>
<div v-bind:name="name | filterName('bind')"></div>           
filters: {
 filterName(value,params) {
  return params + value
 }           
vue3移除了过滤器filters

vue3.x中过滤器被移除了,不再支持,建议用方法调用或计算属性来替换它们。

vue3移除了过滤器filters
vue3移除了过滤器filters
vue3移除了过滤器filters
vue3移除了过滤器filters