全局filter:在main.js中引入 或者写在main.js中
// 注册
let imgBaseUrl = xxxxx';
Vue.filter('img-url', function(value) {
// 返回处理后的值
return imgBaseUrl + value;
})
局部filters: 在组件中写入
export default{
filters:{
formatStr(val){
return val + '测试呀'
}
}
}
主要是用来对api里返回的数据做简单处理,如果需要传多个参数可以使用
numPipe(data,type,arg){
return data
}
{{ num | numPipe('type1', 'arg2') }}
第一个参数data就是 传入的num

本文介绍了在Vue框架中如何使用全局和局部Filter来处理API返回的数据,包括在main.js中注册全局Filter和在组件中定义局部Filter的方法。通过实例展示了Filter如何接收参数并进行数据格式化。
1521

被折叠的 条评论
为什么被折叠?



