uniapp的单选框和复选框不支持双向数据绑定怎么办!!!

其实很好解决!!!
在H5中单选和复选都有一个属性及checked;
true为选中,false为为选中;
在vue中v-bind即:可以解析一些运算(如三目运算符等)
双向数据绑定的意义在于我即可以获取到我选中的信息又可以根据信息来将相应的置为选中状态;

//当发生变化时触发
<radio-group class="block"  @change="RadioboxChange"
RadioboxChange : function(e) { //单选选中
//e中可以找到你想要的信息
				console.log("单选选中",e);
				this.subjectList[this.subjectIndex - 1].answer = e.target.value
				
				if(this.subjectIndex == this.subjectList.length){
					this.studentPracticeQuestionAnswer(this.subjectList[this.subjectIndex - 1]);
				}
			},

那么怎么将后端返回的信息进行绑定展现呢

<radio :value="option.title" :checked="subject.answer == option.title"></radio>

只要将返回的数据与传的时候绑定的数据对比就行的true就是选中状态。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值