Vue如何自定义一个过滤器
html代码:<div id="app"><input type="text" v-model="msg" />{{msg| capitalize }}</div>js代码:var vm=new Vue({el:"#app",data:{msg:''},filters: {capitalize: function (value) {if (!
·
html代码:
<div id="app">
<input type="text" v-model="msg" />
{{msg| capitalize }}
</div>
js代码:
var vm=new Vue({
el:"#app",
data:{
msg:''
},
filters: {
capitalize: function (value) {
if (!value) return ''
value = value.toString()
return value.charAt(0).toUpperCase() + value.slice(1)
}
}
})
全局定义过滤器:
Vue.filter('capitalize', function (value) {
if (!value) return ''
value = value.toString()
return value.charAt(0).toUpperCase() + value.slice(1)
})
更多推荐
已为社区贡献4条内容
所有评论(0)