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

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

阅读 10.9k
1 个回答

参见我的这个回答,原理是一样的,把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-valueoff-value 的值分别是字符串的 '1''0',如果你赋值为数字类型的 10 是无法正常工作的,若赋值为数值类型,需这样写:

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

示例:

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

推荐问题
宣传栏