Vue表单控件数据绑定方法详解

2020-06-16 06:52:16易采站长站整理

</div>
</div>
<script>
var example = new Vue({
el: '#example',
data:{
age1:'',
age2:'',
},
computed:{
type1:function(){
return typeof(this.age1)
},
type2:function(val){
return typeof(this.age2)
},
}
})
</script>

.trim

如果要自动过滤用户输入的首尾空格,可以添加 trim 修饰符到 v-model 上过滤输入


<div id="example">
<input v-model.trim="msg">
<p>msg is: {{ msg }}</p>
</div>

<script>
var example = new Vue({
el: '#example',
data:{
msg:''
}
})
</script>

更多关于Vue表单控件数据绑定的方法请点击下面的相关链接