vue中如何写过滤器

发布时间:2024年01月24日

全局注册 (可以在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>
文章来源:https://blog.csdn.net/weixin_45041493/article/details/135827922
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。