为了账号安全,请及时绑定邮箱和手机立即绑定

<input name="item.name" type="radio" > 数据绑定问题

<input name="item.name" type="radio" > 数据绑定问题

慕妹3146593 2019-05-25 16:26:48
名称价格是否选中{{item.name}}{{item.price}}data(){return{data:[{name:"苹果",price:"5.0",isChecked:false},{name:"西瓜",price:"6.0",isChecked:false},{name:"雪梨",price:"8.0",isChecked:true},]}}这样绑定,isChecked:true的数据,单选框默认选中,但是现在需要,选中哪一个单选框,哪一个数据中的isChecked就要为true,请问要怎么样去操作绑定,求助!!
查看完整描述

2 回答

?
白板的微信

TA贡献1883条经验 获得超3个赞

methods:{
updateCheck(item){
/*eslintno-param-reassign:["error",{"props":false}]*/
item.isChecked=!this.isChecked;
},
},
                            
查看完整回答
反对 回复 2019-05-25
?
尚方宝剑之说

TA贡献1788条经验 获得超4个赞

使用v-model绑定数据,修改如下
另外看你这个需求input的类型应该是用checkbox而不是radio吧,这只是个建议,感觉checkbox更合适。Vuev-modeldemo
                            
查看完整回答
反对 回复 2019-05-25
  • 2 回答
  • 0 关注
  • 523 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号