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>