作用?
被用于一些常见的文本格式化,如:图片路径拼接
使用
局部定义
filters: {
capitalize: function (value) {
return value + '哈哈'
}
}
全局定义
Vue.filter('capitalize', function (value) {
return value + '哈哈'
})
使用
this.message = '小青'
<!-- 在双花括号中 -->
{{ message | capitalize}} // 小青哈哈
{{ message | capitalize | capitalize}} // 小青哈哈哈哈
<!-- 在 `v-bind` 中 -->
<div v-bind:id="message | capitalize"></div> // 小青哈哈
当然filter是函数,是函数就可以传入参数,如:
filters: {
capitalize: function (value,val1,val2) {
return value + '哈哈' + val1 + val2
}
}
this.message = '小青'
<!-- 在双花括号中 -->
{{ message | capitalize(',不要','笑了')}} // 小青哈哈,不要笑了