其实很好解决!!!
在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就是选中状态。

Logo

前往低代码交流专区

更多推荐