通过使用scope.row.value,实现 switch开关 与 数据 的一 一对应

<!-- 弹框 --><el-dialog:visible.sync="dialogTableVisible"style="width: 700px; margin: 0px auto"><el-table :data="gridData" style="margin-top: -4 * $grid"><!-- 选择 --><el-table-columnproperty="level"width="150"style="background-color: red"></el-table-column><!-- 开关 --><el-table-column property="level" width="150"><template slot-scope="scope"><el-switchv-model="scope.row.value"@click="handleClick(scope.row)"></el-switch></template></el-table-column></el-table></el-dialog>
<script>
export default {data() {return {input1: "",// 弹框gridData: [{level: "院系",value1: true,},{level: "年级",value1: true,},{level: "行政班级",value1: true,},],dialogTableVisible: false,};},methods: {handleSelectionChange() {},},components: {},
};
</script>

switch开关 ~ 学习记录相关推荐

  1. 前端学习(2717):重读vue电商网站37之通过switch开关更改用户状态

    首先,在 switch 开关添加一个 change 事件,并且通过作用域插槽的形式,将该行数据作为参数传入,目的是为了后续的修改. 在函数内我们将传递过来的参数作为我们请求的参数,通过 put 方式修 ...

  2. 架构与设计 之一 C 嵌入式设计模式(Design Patterns for Embedded Systems in C)的学习记录

    唉   时至今日,已经不知道在嵌入式的道路上到底挣扎了多少个岁月,总感觉要"病入膏肓"了.此间总是不时出现一些疑惑:人家搞 Java.搞 C# 的动不动就是什么架构 / 框架的,搞 ...

  3. html switch开关实现隐藏,css3实现switch开关效果

    之前阿里电面的时候问的一个问题,今天抽时间做了个demo. html结构 css代码,:before负责颜色,:after是那个白色小圆点,切换时的过渡效果用css3的动画实现. .switch{ d ...

  4. 前端技术学习记录:react+dvajs+ant design实现暴走计算器的页面重构(二)

    前端技术学习记录:react+dvajs+ant design实现暴走计算器的页面重构(二) 前言 定义 Model connect 起来 更新state 拥抱变化 主题切换 更换页面 获取当前设备类 ...

  5. 前端学习记录 —— JavaScript(一)

    前端学习记录 -- JavaScript(一) 前言 一.初识 JavaScript JavaScript 的特点 JavaScript的作用 编程语言与标记语言的区别 HTML/CSS/JS 的关系 ...

  6. Android开发技术周报176学习记录

    Android开发技术周报176学习记录 教程 当 OkHttp 遇上 Http 2.0 http://fucknmb.com/2018/04/16/%E5%BD%93OkHttp%E9%81%87% ...

  7. 小余学调度:学习记录(2022.4)

    系列文章目录 小余学调度系列文章,记录小余同学入职电力调度员一路的学习记录,由于工作性质,在这个系列,只写能公开的知识点,不涉及机密. 提示:专栏解锁后,可以查看该专栏所有文章 文章目录 系列文章目录 ...

  8. 小余学调度:学习记录(2022.2,3)

    系列文章目录 ` 小余学调度系列文章,记录小余同学入职电力调度员一路的学习记录,由于工作性质,在这个系列,只写能公开的知识点,不涉及机密. 提示:提示:专栏解锁后,可以查看该专栏所有文章 文章目录 系 ...

  9. 小余学调度:学习记录(2022年1月)

    提 小余学调度系列文章,记录小余同学入职电力调度员一路的学习记录,由于工作性质,在这个系列,只写能公开的知识点,不涉及机密. 提示:专栏解锁后,可以查看该专栏所有文章 文章目录 1母线充电保护操作票 ...

最新文章

  1. ​CSRankings年度更新,清华北大包揽AI领域前两名​ | AI日报
  2. 独家 | 一文读懂如何用深度学习实现网络安全
  3. linux主设备编号从0到多少,Linux驱动开发之主设备号找驱动,次设备号找设备
  4. 三、Ubuntu16.04 安装Jira8.2.2(自带中文包)和破解
  5. BZOJ 1711: [Usaco2007 Open]Dining吃饭
  6. UGUI 帧动画插件
  7. SQL Server之游标的基础知识
  8. php toupper,jquery如何进行字母大小写转换?
  9. [蓝桥杯][2019年第十届真题]等差数列
  10. 队友招募!60天一起搞定MySQL所有重点
  11. oracle12输出文件性能慢,输出选项 (Oracle Solaris Studio 12.2:性能分析器)
  12. qpython能使用json吗l_[python] 详解Python在使用JSON时需要注意的编码问题
  13. 中科大郑烇、杨坚《计算机网络》课程 第二章笔记
  14. linux执行startx进入桌面黑屏,linux下误操作startx命令后,在登录界面进不去解决办法...
  15. 前端免费图标icon的使用方法和获取
  16. Python实现股票量化交易学习进阶(二)之简单交易策略的定义实现
  17. vs2013 - 高亮设置 括号匹配 (方括号) 大括号匹配 Visual Studio 2013
  18. Lua Busted 单元测试实战
  19. UG CAM 开发获取工序导航器当前选择的操作、程序组、几何体、刀具方法,获得名字并修改名字
  20. Ubuntu 修改中文字体教程

热门文章

  1. 练习:查找指定目录(包括子目录)下的视频(格式为.mp4,.rmvb,.avi),并将目录存放在一个文件中...
  2. java创建对象方法列表(转)
  3. MVC5发展历程,从MVC2谈起
  4. js-格式化数字保留两位小数-带千分符
  5. mongodb mapreduce用法
  6. EBS 常用 SQL
  7. Spring Roo 之 Mysql 连接
  8. HDU 1532 Drainage Ditches(poj1273)【E-K 最大流】
  9. POJ 2584 T-Shirt Gumbo 构图 最大流
  10. HDU2019 数列有序!【入门】