elementUI表格中使用switch开关实现修改switch开关的状态

最新推荐文章于 2024-06-04 08:21:39 发布

耳东君呐

最新推荐文章于 2024-06-04 08:21:39 发布

阅读量1.1k

点赞数 1

分类专栏：前端文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/chenchang0419/article/details/126347601

版权

前端专栏收录该内容

20 篇文章 0 订阅

订阅专栏

预期效果：

解决方法超级简单：

        <el-table-column prop="state" label="启用状态">
          <template slot-scope="scope" style="text-align: left">
            <el-switch
              v-model="scope.row.state"
              :active-value="1"
              :inactive-value="2"
            ></el-switch>
          </template>
        </el-table-column>

其中：

:active-value="1" //选中state是赋值为1

:inactive-value="2"不选中state是赋值为2

轻轻松松解决问题辣