筛选数据用的 // ganjueshifeihua
一、在组件的选项中定义本地过滤器
filters: {
capitalize: function (value) {
if (!value) return ''
value = value.toString()
return value.charAt(0).toUpperCase() + value.slice(1)
}
}
二、创建Vue实例之前全局定义过滤器
Vue.filter('capitalize', function (value) {
if (!value) return ''
value = value.toString()
return value.charAt(0).toUpperCase() + value.slice(1)
})
new Vue({
// ...
})
如果全局过滤器与本地过滤器具有相同的名称,则首选本地过滤器。
<template> // 这个是本地
<div>
<span>{{ value| demoFn}}</span> // 本地和全局的使用方法是一样的
</div>
</template>
export default {
data(){
return {}
},
components:{},
methods:{},
filters:{
demoFn(value,type){ //value是传递过来要进行筛选的数据/参数
// 数据筛选操作
return 结果
}
}
}