switch开关 ~ 学习记录
通过使用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开关 ~ 学习记录相关推荐
- 前端学习(2717):重读vue电商网站37之通过switch开关更改用户状态
首先,在 switch 开关添加一个 change 事件,并且通过作用域插槽的形式,将该行数据作为参数传入,目的是为了后续的修改. 在函数内我们将传递过来的参数作为我们请求的参数,通过 put 方式修 ...
- 架构与设计 之一 C 嵌入式设计模式(Design Patterns for Embedded Systems in C)的学习记录
唉 时至今日,已经不知道在嵌入式的道路上到底挣扎了多少个岁月,总感觉要"病入膏肓"了.此间总是不时出现一些疑惑:人家搞 Java.搞 C# 的动不动就是什么架构 / 框架的,搞 ...
- html switch开关实现隐藏,css3实现switch开关效果
之前阿里电面的时候问的一个问题,今天抽时间做了个demo. html结构 css代码,:before负责颜色,:after是那个白色小圆点,切换时的过渡效果用css3的动画实现. .switch{ d ...
- 前端技术学习记录:react+dvajs+ant design实现暴走计算器的页面重构(二)
前端技术学习记录:react+dvajs+ant design实现暴走计算器的页面重构(二) 前言 定义 Model connect 起来 更新state 拥抱变化 主题切换 更换页面 获取当前设备类 ...
- 前端学习记录 —— JavaScript(一)
前端学习记录 -- JavaScript(一) 前言 一.初识 JavaScript JavaScript 的特点 JavaScript的作用 编程语言与标记语言的区别 HTML/CSS/JS 的关系 ...
- Android开发技术周报176学习记录
Android开发技术周报176学习记录 教程 当 OkHttp 遇上 Http 2.0 http://fucknmb.com/2018/04/16/%E5%BD%93OkHttp%E9%81%87% ...
- 小余学调度:学习记录(2022.4)
系列文章目录 小余学调度系列文章,记录小余同学入职电力调度员一路的学习记录,由于工作性质,在这个系列,只写能公开的知识点,不涉及机密. 提示:专栏解锁后,可以查看该专栏所有文章 文章目录 系列文章目录 ...
- 小余学调度:学习记录(2022.2,3)
系列文章目录 ` 小余学调度系列文章,记录小余同学入职电力调度员一路的学习记录,由于工作性质,在这个系列,只写能公开的知识点,不涉及机密. 提示:提示:专栏解锁后,可以查看该专栏所有文章 文章目录 系 ...
- 小余学调度:学习记录(2022年1月)
提 小余学调度系列文章,记录小余同学入职电力调度员一路的学习记录,由于工作性质,在这个系列,只写能公开的知识点,不涉及机密. 提示:专栏解锁后,可以查看该专栏所有文章 文章目录 1母线充电保护操作票 ...
最新文章
- ​CSRankings年度更新,清华北大包揽AI领域前两名​ | AI日报
- 独家 | 一文读懂如何用深度学习实现网络安全
- linux主设备编号从0到多少,Linux驱动开发之主设备号找驱动,次设备号找设备
- 三、Ubuntu16.04 安装Jira8.2.2(自带中文包)和破解
- BZOJ 1711: [Usaco2007 Open]Dining吃饭
- UGUI 帧动画插件
- SQL Server之游标的基础知识
- php toupper,jquery如何进行字母大小写转换?
- [蓝桥杯][2019年第十届真题]等差数列
- 队友招募!60天一起搞定MySQL所有重点
- oracle12输出文件性能慢,输出选项 (Oracle Solaris Studio 12.2:性能分析器)
- qpython能使用json吗l_[python] 详解Python在使用JSON时需要注意的编码问题
- 中科大郑烇、杨坚《计算机网络》课程 第二章笔记
- linux执行startx进入桌面黑屏,linux下误操作startx命令后,在登录界面进不去解决办法...
- 前端免费图标icon的使用方法和获取
- Python实现股票量化交易学习进阶(二)之简单交易策略的定义实现
- vs2013 - 高亮设置 括号匹配 (方括号) 大括号匹配 Visual Studio 2013
- Lua Busted 单元测试实战
- UG CAM 开发获取工序导航器当前选择的操作、程序组、几何体、刀具方法,获得名字并修改名字
- Ubuntu 修改中文字体教程
热门文章
- 练习:查找指定目录(包括子目录)下的视频(格式为.mp4,.rmvb,.avi),并将目录存放在一个文件中...
- java创建对象方法列表(转)
- MVC5发展历程,从MVC2谈起
- js-格式化数字保留两位小数-带千分符
- mongodb mapreduce用法
- EBS 常用 SQL
- Spring Roo 之 Mysql 连接
- HDU 1532 Drainage Ditches(poj1273)【E-K 最大流】
- POJ 2584 T-Shirt Gumbo 构图 最大流
- HDU2019 数列有序!【入门】