el-switch只作用于某一列
时间: 2023-07-27 07:31:48 浏览: 89
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
`el-switch` 是 Element UI 中的一个组件,可以用来实现开关选择功能。如果你想让 `el-switch` 只作用于某一列,可以将其放置在这一列的单元格中。例如,如果你在 Element UI 的表格中的第二列中添加 `el-switch`,可以这样实现:
```
<template>
<el-table :data="tableData">
<el-table-column prop="name" label="Name"></el-table-column>
<el-table-column label="Active">
<template slot-scope="scope">
<el-switch v-model="scope.row.active"></el-switch>
</template>
</el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ name: 'John', active: true },
{ name: 'Mike', active: false },
{ name: 'Amy', active: true }
]
}
}
}
</script>
```
在这个例子中,我们在第二列中添加了一个 `el-switch`,并将其绑定到了数据中的 `active` 属性上。当用户切换 `el-switch` 的状态时,对应行的 `active` 属性也会被更新。这样,你就可以方便地实现只作用于某一列的 `el-switch` 功能了。
阅读全文