Vue.js允許你自定義過濾器,被用作一些常見的文本格式化蜀铲。由"管道符"
{{ message | capitalize }}
new Vue({
el: '#app',
data: {
message: 'code'
},
filters: {
capitalize: function (value) {
if (!value) return ''
value = value.toString()
return value.charAt(0).toUpperCase() + value.slice(1)
}
}
})
運(yùn)行結(jié)果如下:
由顯示結(jié)果可以看出泛啸,輸出的結(jié)果code第一個(gè)字母是大寫的绿语。
過濾器可以串聯(lián):
{{message|filterA|filterB}}
過濾器是JavaScript函數(shù),因此可以接受參數(shù):
{{message|filterA('arg1',arg2)}}
這里候址,message是第一個(gè)參數(shù)吕粹,字符串'arg1'將傳給過濾器作為第二個(gè)參數(shù),arg2表達(dá)式的值將被求值然后傳給過濾器作為第三個(gè)參數(shù)岗仑。