vue-filter的基本使用

filter:过滤器,基本的概念这里就不再复述,官方文档很详细

全局使用filter:

新建一个filter.js文件

const filters = {
    reverseMsg:msg=> msg+',this is filter',
    concatMsg:msg=>msg+',this is filter,lalalala'
}

export default filters

在mian.js中注册filter.js文件

import filters from '../src/filter'
Object.keys(filters).forEach(k=>Vue.filter(k,filters[k]))

在具体的组件中使用

<div>{{count | reverseMsg | concatMsg}}</div>

局部使用filter:在具体使用的组件中定义filters

export default {
        data() {
            return {
            }

        },
        filters:{
            spliceMsg:msg=>msg+'1111111'
        }
}

//具体使用
<div>{{count | reverseMsg | concatMsg | spliceMsg}}</div>

 

 

上一篇:Filters in ASP.NET Core


下一篇:mybatis list映射