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/

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏