ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

vue中如何写过滤器

2026/9/18 21:36:28 拓冰建站 浏览量
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>