单选框 点击勾选或取消赋值问题

发布于 2022-09-05 03:49:55 字数 741 浏览 23 评论 0

<button @click="add"></button>
<tbody>
<tr v-for="item in data" >
<td >

{{item.name}}

</td>
<td >

{{item.price}}

</td>
<td >

<input name="" type="radio" >

</td>
</tr>
</tbody>
<script>
export default{

  data(){
      return{
          data:[]
      }
  },
methods:{
  add(){
      this.data.push({name:"apple",price:"8.0", isMainProduct:""},)
  }
}

}
</script>

求助,现在点击button 增加的数据的话怎么去绑定<input name="" type="radio" >,让它选中的时候isMainProduct的值为true,不选中时值为false? 请帮帮忙jiong

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

素染倾城色 2022-09-12 03:49:55

你可以先在你写的html的input后面添加{{isMainProduct}},
input的本身添加v-model=isMainProduct,
在js 实例里面写先写一个属性isMainProduct:false,
这样 你选中input按钮 后面的值就会相应的改变了.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文