先看官网

<el-switchv-model="value"active-color="#13ce66"inactive-color="#ff4949">
</el-switch><script>export default {data() {return {value: true}}};
</script>
//change    :switch 状态发生变化时的回调函数 新状态的值**

标题在项目中的实际应用

 <el-table :data="table.data" @@selection-change="(array)=>{table.selecteds=array;}"@@row-dblclick="row_dblclick" row-key="keyCode" size="medium" :header-cell-style="{background:'#fafafa'}"><el-table-column prop="name" label="名称" width="140" :show-overflow-tooltip='true'></el-table-column><el-table-column fixed="right" label="操作" width="100" prop="isValid"><template slot-scope="props"  ><el-switch v-model="props.row.id" @change="text(props.row.id)" active-color="#13ce66" inactive-color="#ff4949"> </el-switch>//v-model="props.row.id" 绑定值,一般后台请求 true 或者false//@change="text(props.row.id)"    绑定事件text的方法</template></el-table-column>     </el-table>//在javascript中用vue:var app=new Vue({data: function(){return{}},
methods: {text:function(id){console.log(id);}
}
});

element 控件 tabel中增加el-switch 并绑定点击事件相关推荐

  1. WPF 给任意控件通过按下移动抬起封装点击事件

    其实点击这个事件是可以通过按下移动和抬起三个事件封装出来的,本文提供给大家一个辅助的方法,方便给任意的控件附加点击事件 在开始前需要了解一些本文点击的定义,本文点击的定义就是在按下到抬起过程中,不会出 ...

  2. VB6实现动态增加和删除控件数组中的控件2021-06-02

    VB6实现动态增加和删除控件数组中的控件 2021-6-3修改一个BUG 控件的添加: 1From1名称改为FrmWork 2.添加Picture控件名称改为PicCharacterContainer ...

  3. vue element 控件之 el-container中的el-side 与 el-main 的间距怎么设置

    vue element 控件之 el-container中的el-side 与 el-main 的间距怎么设置 效果: 如图所示,当我们在页面中同时使用el-container中的el-side 与 ...

  4. MSComm控件过程中内存溢出和GetOneDimSize出错的问题

    MSComm控件过程中内存溢出和GetOneDimSize出错的问题 现在做的一个项目需要实现上位机和单片机的串口通信,为了方便,使用了MSComm控 件,但写程序时在处理接收数据遇到了问题,程序可以 ...

  5. Developer Express控件组合中的GridControl控件,如何自动显示每一行的序号

    Developer Express控件组合中的GridControl控件,如何自动显示每一行的序号? 比方说有10条数据记录,我要在记录旁边显示1.2.3.4.这样的数字. 但是,如果更改了数据记录的 ...

  6. DevExpress控件GridControl中的布局详解 【转】

    DevExpress控件GridControl中的布局详解 [转] 2012-10-24 13:27:28|  分类: devexpress |  标签:devexpress  |举报|字号 订阅 h ...

  7. php 动态 控件,PHP技术在动态网页表单控件提取中的应用研究

    曲小纳 摘要:由于电子商务及网络信息技术的飞速发展,动态网站已经逐渐取代传统的静态网站,在不断向人工智能化等方向发展.该篇文章就针对PHP这种技术在动态网页表单控件提取中的应用进行详细的阐述. 关键词 ...

  8. 在网页中引用DWG控件,交互绘图,和响应鼠标点击对象的方法

    在网页中引用DWG控件,交互绘图,和响应鼠标点击对象的方法 [MXDRAW CAD控件文档] 下面帮助的完整例子,在控件安装目录的Sample\Ie\iedemo.htm中. 主要用到函数说明 A. ...

  9. jQuery中增加新元素后没法响应原有的事件

    相信很多朋友在使用jQuery的append方法来增加一个新元素后,新的元素却无法响应元素已经定义好的事件程序. $(document).ready(function(){$(".xz&qu ...

最新文章

  1. 两个简单的python入门小游戏
  2. centos6.4 搭建knowlededgeroot-1.0.4知识库平台
  3. 『OpenCV3』滤波器实现及使用滤波器降噪
  4. 【软考】[信息安全工程师]
  5. vyatta 6.4 的设置
  6. JS/PHP中,数组与字符串的转换,这次总算是记住了
  7. MTK 驱动(60)---Audio驱动开发之音频链路
  8. linux进程实现进程通信内存共享,Linux进程间通信 -3内存共享
  9. 第一款Layer 2钱包Rollups Wallet已上线苹果AppStore
  10. IDEA中启动tomcat
  11. 控制图纸多线相交交点凸起(Control PolyLine Bulge open and close )
  12. puppet详解(七)——cron资源详解
  13. Delphi的TDataSetProvider、TDataSet、TAdoQuery、TDataSource、TDataModule控件的组合使用
  14. java实现堆栈排序_Java代码为例讲解堆的性质和基本操作以及排序方法
  15. matlab 简单函数拟合(全)
  16. 小菜鸡跟着小破站黑马程序员学习JAVA的真实经历、感受与收获
  17. Excel2007无法卸载:安装程序包的语言不受系统支持。微软的卸载程序也不行。——只能手工删除
  18. kubernetes 二进制安装(v1.20.16)(四)部署 master
  19. matlab 滤波器篇
  20. python课程设计 文字游戏 魔塔3

热门文章

  1. python中常用英文单词
  2. popstate_操纵浏览器历史记录--popstate() history.pushState()
  3. java之waite()和sleep()方法的区别
  4. ARIMA 算法解析,一个通俗的解释
  5. 大数据Spark(python版)
  6. 计算机组成原理解释流水线,6计算机组成原理第6章流水线原理.ppt
  7. 建筑效果图素材站SKALGUBBAR
  8. logisim基本组件介绍
  9. Day 7 A - Age of Moyu HDU 6386 | 最短路 | SPFA | 链式前向星
  10. PHP智能物流查询接口demo