element表单勾选单元格

Element UI 是一个基于 Vue.js 的开源 UI 组件库，它提供了一个叫做 `el-checkbox` 的组件，用于创建复选框，常用于表格或其他列表中表示单个选择。当你需要让用户在表格的一个单元格内进行选择时，可以将 `el-checkbox` 放置在该单元格的 <td> 元素里。

例如，在一个表格数据绑定的模板中，你可以这样做：

<table>
  <tr v-for="(item, index) in items">
    <td>{{ item.name }}</td>
    <td><el-checkbox v-model="item.selected"></el-checkbox></td> <!-- v-model绑定到当前项的selected属性 -->
  </tr>
</table>

<script>
export default {
  data() {
    return {
      items: [
        { name: 'Option 1', selected: false },
        // ...其他选项
      ]
    }
  }
}
</script>

在这个例子中，用户勾选每个 `el-checkbox` 就会改变对应 `item.selected` 的值，这反映了数据模型的状态。`v-model` 是 Vue 的双向数据绑定，使得输入状态的变化能够自动更新视图和数据。