ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

vue中如何写过滤器

vue中如何写过滤器

全局注册 (可以在main.js中进行全局注册


vue.fifler('test’,function(v){return v==0? ‘终止’:v==1?'进行中':'异常'
})

在组件页面使用

<view>{{state|test}}</view>
<script>
export default {data(){return {state: 1// state 1 进行中 0终止 2 异常}}
}
</script>

局部注册 在那个页面使用 在那个页面注册

<view>{{state|test}}</view>
<script>
export default {data(){return {state: 1// state 1 进行中 0终止 2 异常}},methods:{},//与filters同级filters:{test(v){return v==0? ‘终止’:v==1?'进行中':'异常'}}
}
</script>
返回列表