第一种直接在main.js 直接开干 (会导致mianjs过多,导致代码混乱)
Vue.filter('unitConverter', (num)=>{
return num
})
<u-row gutter="16">
<u-col span="3">
</u-icon>{{voidinfo | unitConverter}}
</u-col>
</u-row>
第二种方法 (过滤方法独立文件,方便维护
)
第一步 创建一个 filters.js
export default {
getdatalis(data){
return data
},
}
第二步,在mian.js 引用创建的 filters.js过来 在挂载到***filter***上面
filter 第一个参数为方法名,第二个参数为回调函数 这里就使用for in 循环得到我们想要的key 以及回调函数,从而实现了全局过滤器的定义
import filters from "./xxx/filters";
for(let key in filters){
Vue.filter(key,filters[key])
}
食用方法跟直接定义到mian.js一样