vue v-model小问题 无法在页面中更改双向绑定的变量的值

本文介绍了在 Vue.js 中遇到的一个问题:使用 v-model 双向绑定时,若绑定的值是对象的动态属性,会导致在页面上无法更改该值。文章通过代码示例展示了问题发生的情景,并提供了解决方案,即在初始化对象时就定义动态属性,而不是后续添加。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题描述:

无法在文本框中更改双向绑定的值

出现情景:

input 输入框 双向绑定的值为 某对象的属性值

且:该属性值为某对象声明、赋值之后 添加的动态属性

js代码:

this.baseForm = {
	name: '',
	categoryName: cgName,
	dateType: '',
}
if (cgName == 'AA') {
    this.baseForm.reflex = 1
}

html代码:

<el-input v-model="baseForm.reflex" :disabled="isTrue"></el-input>
解决方法:

在某对象声明、赋值之初,就添加该属性,不能之后再添加

代码:

if (cgName == 'AA') {
	this.baseForm = {
		name: '',
		categoryName: cgName,
		dateType: '',
		reflex:'1'
	}
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值