vue.js - Vue.Js，将值插入元素标签

Question

我有以下代码：

<tr v-for="item in dataset" :key="item[0]" >               
  <td>{{item[1]}}</td>
  <td>
    <input 
      type="checkbox" 
      @change="updateService(item[0])" 
      {{item[2]}}      <--- does not work
    />
  </td>
</tr>

{{item[2]}}持有字符串"checked"。如何将它插入到复选框元素中？

标签： vue.js

Answer 1

最简单的方法是将checked属性绑定到true时item[2] === 'checked'：

<input 
  type="checkbox"
  @change="updateService(item[0])"
  :checked="item[2] === 'checked'"
/>