vue.js - <input name="bm" type="radio" > 单选框绑定值问题

问题描述

问 题

<tr >
  <th>名称</th>
  <th>价格</th>
  <th>是否选中</th>
</tr>
<tr item in data>
  <td>{{item.name}}</td>
  <td>{{item.price}}</td>
  <td>
    <input name="bm" type="radio" >
  </td>
</tr>

<script>
  data(){
      return{
          data:[
            {name:"苹果"，price:"5.0"，isChecked:false}，
            {name:"西瓜"，price:"6.0"，isChecked:false}，
            {name:"雪梨"，price:"8.0"，isChecked:true}，
           ]
      }
  }
</script>

要根据isChecked的值来绑定 <input name="bm" type="radio" > ，true的话要选中，false这不选中，请问要怎么去绑定囧

解决方案

<input name="item.name" type="radio" :checked="item.isChecked" /> 要加 : 要强制绑定数据 数据是动态的

这篇关于vue.js - &lt;input name=&quot;bm&quot; type=&quot;radio&quot; &gt; 单选框绑定值问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！