首页 VueJS elementui之table表格使用el-switch无法选中

elementui之table表格使用el-switch无法选中

作者:胡同里的砖头 围观群众:386 更新于:2022-04-24

<el-table-column   label="电视">
<template slot-scope="scope">
<el-switch v-model="scope.row.tv" active-value="1" inactive-value="0">
</el-switch>
</template>
</el-table-column>
如上代码,看似没错,值为1的时候打开,为0的时候关闭

注意看自己的返回值1和0是string还是int类型,如果是string类型则以上写法是正确的,如果是number的话,这个选中效果就无法实现了,这时候我们需要在方法前面加冒号即可,加冒号表示值为int类型,正好和自己的返回值相对应,如下
<el-table-column   label="电视">
<template slot-scope="scope">
<el-switch v-model="scope.row.tv" :active-value="1" :inactive-value="0">
</el-switch>
</template>
</el-table-column>

  • 本文标题: elementui之table表格使用el-switch无法选中
  • 文章分类:【VueJS】
  • 非特殊说明,本文版权归【胡同里的砖头】个人博客 所有,转载请注明出处.
留言评论
站点声明:
1、本站【胡同里的砖头】个人博客,借鉴网上一些博客模板,取其各优点模块自行拼装开发,本博客开发纯属个人爱好。
2、所有笔记提供给广大用户交流使用,可转载,可复制,纯个人开发所遇问题锦集记录使用
Copyright © huzlblog.com All Rights Reserved. 备案号:苏ICP备2021056683号-8