vue踩坑之 el-switch 回显不生效

学海无涯，泛舟海上

已于 2023-02-27 15:41:55 修改

阅读量975

点赞数 5

分类专栏： vue 文章标签： vue vue.js Powered by 金山文档

于 2023-02-27 15:36:59 首次发布

本文链接：https://blog.csdn.net/m0_59227402/article/details/129242972

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

问题场景：

后端返回数据到前端，el-switch没反应。

原因：

数据类型不匹配,Number类型的值active-value和inactive-value前面要加冒号

vue el-switch 绑定数值时要用：

                 <el-switch
                    v-model="scope.row.enable"
                    :active-value="1"
                    :inactive-value="0"
                  />

vue el-switch 绑定String时要用：

                 <el-switch
                    v-model="scope.row.enable"
                    active-value="1"
                    inactive-value="0"
                  />