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就是选中状态。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在uni-app中,单选框框可以使用checkbox组件来实现。在基础用法下,uni-app会使用内置的默认参数来显示checkbox的样式和状态。然而,这种用法不能满足实际业务场景的需求,因为框通常以组的形式出现,即使组中只有一个项。为了引入组的概念,uni-app还提供了一个checkbox-group组件来使用。基本用法是将checkbox组件放置在checkbox-group组件内,如下所示: <checkbox-group> <checkbox /> 篮球 <checkbox /> 足球 <checkbox /> 网球 </checkbox-group> 可以通过checkbox组件的disabled属性来控制框是否可中或取消中。当框处于disabled状态时,框的样式将变灰,用户无法进行中或取消中操作。disabled属性的类型为Boolean,默认值为false。 为了修改checkbox的样式,可以通过设置相应的CSS样式来实现。比如,可以使用uni-checkbox类来修改框的外观。uni-checkbox-input类可以用来设置中状态的样式。在样式中,可以设置border-radius属性来改变框的圆角,color属性来改变框的颜色,border属性来设置中状态的边框,background属性来设置中状态的背景色,以及其他一些样式属性来调整框的大小和位置。 综上所述,uni-app提供了方便的单选框框组件,可以通过设置属性和样式来满足不同的需求。<span class="em">1</span><span class="em">2</span><span class="em">3</span>

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值