uniapp中input输入使用@input事件来控制输入框的值,不起作用
使用uniapp开发小程序中,使用input事件来控制输入框值,发现直接赋值不起作用,使用$nextTick就可以了。
·
使用uniapp开发小程序中,使用input事件来控制输入框值,发现直接赋值不起作用,使用$nextTick就可以了
<input type="text v-modal="inputVal" @input="inputChange">
<input type="text :value="inputVal" @input="inputChange">
data(){
return {
inputVal: ''
}
}
methods: {
// 单向控制数据流不起作用
inputChange(val){
const val = val.target.value;
this.inputVal = val;
},
// 有效
inputChange(val){
const val = val.target.value;
this.$nextTick(() => {
this.inputVal = val;
})
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)