uniapp的单选框和复选框不支持双向数据绑定怎么办!!!
其实很好解决!!!在H5中单选和复选都有一个属性及checked;true为选中,false为为选中;在vue中v-bind即:可以解析一些运算(如三目运算符等)双向数据绑定的意义在于我即可以获取到我选中的信息又可以根据信息来将相应的置为选中状态;//当发生变化时触发<radio-group class="block"@change="RadioboxChange"RadioboxChang
·
其实很好解决!!!
在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就是选中状态。
更多推荐
已为社区贡献1条内容
所有评论(0)