element UI实现表格中添加开关控制按钮

最新推荐文章于 2024-09-12 22:42:37 发布

置顶

sunday_tutu

最新推荐文章于 2024-09-12 22:42:37 发布

阅读量4.3k

点赞数

分类专栏：前端开发文章标签： element-ui el-switch 表格对话框开关按钮

本文链接：https://blog.csdn.net/sunday_tutu/article/details/82019725

版权

本文介绍如何在使用element UI V1.4.3的表格中集成el-switch开关按钮。通过添加template scope="scope"并设置v-model="scope.row.menusstate"，可以实现开关状态与表格数据的绑定。对于scope的使用，可以参考相关的vue教程来深入理解。

摘要由CSDN通过智能技术生成

我使用的是element ui V1.4.3
如下图是我要实现的效果：

<template>
<div>
    <el-button type="text" @click="dialogTableVisible = true">点击显示 Dialog</el-button>
    <el-dialog title="个性化菜单设置" :visible.sync="dialogTableVisible" size="tiny" >
        <el-form :model="form">
            <el-form-item label="左侧菜单栏默认状态" >
                <el-select v-model="form.region" placeholder="请选择">
                    <el-option label="展开" value="extendedmenus"></el-option>
                    <el-option label="收起" value="retractmenus"></el-option>
                </el-select>