uniapp input赋值失效问题，需要使用this.$set()方法赋值

最新推荐文章于 2024-04-12 11:48:58 发布

欧阳秀芬

最新推荐文章于 2024-04-12 11:48:58 发布

阅读量2.9k

点赞数

文章标签： uni-app

本文链接：https://blog.csdn.net/m0_56390097/article/details/127388479

版权

<view class="confirm-item" :class="{'punctuation': (fuhaoArr.includes(index))}"
    v-for="(item,index) in 54" :key="index">
	    <input maxlength="1" v-model="inputConfirmList[index]" />
</view>

使用for循环实现一个个输入框

发现使用常规赋值方法赋值的输入框，此时并没有值

this.fuhaoArr.forEach((item, index) => {
	if (item == 10 || item == 46) {
		// this.$set(this.inputConfirmList, item, '，');
		this.inputConfirmList[item] = '，'
	} else if (item == 53) {
		// this.$set(this.inputConfirmList, item, '。');
	    this.inputConfirmList[item] = '。'
	} else {
		// this.$set(this.inputConfirmList, item, '、');
		this.inputConfirmList[item] = '、'
	}
})

若使用被注释的this.$set()方法进行赋值，则input输入框的值会显示出来