使用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;
		})
	}
}
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐