vue过滤器

vue 过滤器

对要显示的数据进行特定格式化之后再显示

注册过滤器

• Vue.filter(name,callback)
• new Vue({filters:{}})

使用过滤器

• {{ name | 过滤器名 }}
• v-band:属性=“name | 过滤器名”

局部过滤器

<p>{{time | timeFormater }}</p>
<!-- 过滤器可接受额外参数 -->
<p>{{time | timeFormater('YYYY') }}</p>
<!-- 过滤器可串联 -->
<p>{{time | timeFormater | mySlice }}</p>
<p :xx="time | timeFormater"></p>

<script>
methods: {},
filters: {
	timeFormater(value, foramterStr='YYYY_MM_DD ') {
 		return xxx
 	},
 	mySlice(value){
 		return value.slice(0, 4)
	}
}
</script>

全局过滤器

<p>{{time | timeFormater }}</p>

<script>
Vue.filter('timeFormater', function(value){
	return xx
})
</script>