vue、uniapp、微信小程序等单选钮radio选中之后怎样被重置呢?
本篇以uniapp项目为例开始之前要先排除uniapp官网的这种写法{value: 'CHN',name: '中国',checked: 'true'},不要以里面checked的取值来判断是否应该...
·
本篇以uniapp项目为例
- 开始之前要先排除uniapp官网的这种写法
{
value: 'CHN',
name: '中国',
checked: 'true'
},
不要以里面checked的取值来判断是否应该被选中,因为当你重置时将checked:false
无效果(亲身踩过)
- 我建议使用官网的第二张渲染,最起码能实现重置功能
<radio-group @change="radioChange">
<view class="xuanze_str">
<label class="" v-for="(item, index) in itemObject2" :key="item.value" style="display: flex;">
<view>
<radio :value="item.value" :checked="index === current"/>
</view>
<view>{{item.name}}</view>
</label>
</view>
</radio-group>
//选中事件
radioChange: function(evt) {
for (let i = 0; i < this.itemObject2.length; i++) {
if (this.itemObject2[i].value === evt.target.value) {
this.current = i;
break;
}
}
}
this.current = this.itemObject2.length//重置事件中处理
- 注:
current
初始值不能为0,必须为this.itemObject2.length
更多推荐
已为社区贡献2条内容
所有评论(0)