element-ui - element ui 表格里添加动态的开关 如何实现？

问题描述

问 题

比如从后台接受status=1，开关是开的，0，开关是关的。且每行表格的开关是独立的，互不影响

解决方案

参见我的这个回答，原理是一样的，把select换成switch即可
https://segmentfault.com/q/10...

---

还有，请确保数据类型是正确的。el-switch 的默认值是 true 和 false，如果你需要自定义：

  <el-switch v-model="status"
    on-value="100"
    off-value="0">
  </el-switch>

请注意以面的写法，on-value 和 off-value 的值分别是字符串的 '1' 和 '0'，如果你赋值为数字类型的 1 或 0 是无法正常工作的，若赋值为数值类型，需这样写：

  <el-switch v-model="status"
    :on-value="100"
    :off-value="0">
  </el-switch>

示例：

https://jsfiddle.net/k92eqd7c/1/

这篇关于element-ui - element ui 表格里添加动态的开关 如何实现？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！