フィルタをカスタマイズする方法VUE

フィルタをカスタマイズする方法VUE?

htmlコード:

<DIV ID = "アプリケーション">
の<input type = "text"のVモデル= "MSG" />
{{MSG | }}生かす
</ div>
JS代码:

VAR VM =新しいヴュー({
エル: "#アプリ"、
データ:{
MSG: ''
}、
フィルター:{
生かす:関数(値){
(値)のリターン場合! ''
値= value.toString()
の戻り値.charAt(0).toUpperCase()+ value.slice(1)
}
}
})
全局定义过滤器

Vue.filter(関数(値) '大文字' {
IF(!値)が戻り'
値= value.toString()
リターンvalue.charAt(0).toUpperCase()value.slice +を(1)
})
フィルタ最初のパラメータとして受信式(MSG)の値。フィルタは、最初のパラメータとしてMSG値を大文字に受け取ることになります。

おすすめ

転載: www.cnblogs.com/Su-feng-address/p/12130944.html