使用element中的table组件,如何单击某一行数据时选中对应的复选框

<el-table @row-click="clickRow" ref="moviesTable" :data="insertModel.tableData"
@selection-change="handleSelectionChange">
<el-table-column type="selection" width="55"/>
<el-table-column prop="name" label="电影名称" align="center" show-overflow-tooltip/>
<el-table-column prop="movieType" label="分类" width="100" align="center" :formatter="formatType"/>
</el-table>

<script>
export default {
methods: {
clickRow(row){
this.$refs.moviesTable.toggleRowSelection(row)
}
}
};
</script>

/* 在<el-table>标签中绑定
  @row-click="clickRow" 单击事件 和 ref="moviesTable"属性
  然后再单击事件的方法中,写
  this.$refs.moviesTable.toggleRowSelection(row)

原文地址:https://www.cnblogs.com/yixiaoyang-/p/9779924.html

时间: 2024-10-28 15:41:09

使用element中的table组件,如何单击某一行数据时选中对应的复选框的相关文章

Unity3d中关于脚本的启用和禁用的意义及脚本前面的复选框消失的解释

大家好,我是小熊猫. 转载请注明出处:http://blog.csdn.net/a237653639/article/details/45766101 先总结,再证明. 总结: 禁用脚本的目的就是为了让该脚本"不执行",而启用的目的就是为了让该脚本"执行".以上是我原来的想法,其实这样的理解有偏差.准确地说,即使脚本为禁用状态,别的脚本也能够成功地调用 被禁用的脚本的成员(后面将给以证明). 那么,您可能会发问,那我禁用脚本有什么意义呢? 其实意义就是,脚本为启用状

关于MUI v0.18.0版本 Table组件里的复选框不能选的解决方案

前段时间在用MUI的时候,Table组件出现复选框不能选的bug(描述: 点击复选框,点击事件会触发,复选框勾选状态无变化). 解决方法: 用CheckBox组件代替Table组件自带的复选框. 解决思路: 1.将CheckBox分为两种,一种是表头里的全选框(以下称全选框),一种是列表行里普通的复选框(以下称普通框): 2.将普通框进行单独封装(原因: 1.便于单个普通框自己管理自己的勾选状态,2.当全选框的勾选状态发生变化时,可以通过props将全选框的状态赋给它,从而实现全选的功能): 关

Android笔记(十五) Android中的基本组件——单选框和复选框

单选框和多选框通常用来在设置用户个人资料时候,选择性别.爱好等,不需要用户直接输入,直接在备选选项中选择,简单方便. 直接看代码: <?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical"

项目实战之FORM、复选框组件的实现

一.使用描述 对于复选框组件来说,主要的问题在于,勾选后返回的值要处理为数字,传递给接口,接口返回的值也是数字,但是在前台做回显时在table中数据格式需要转义为文字或者在form中数据格式需要回显在复选框中. 二.功能代码 1,转为数字1为勾选,0为未勾选 constructor(props) { super(props); this.state = { checkStatus: 0 } } //选中是true值转为1,否则就是0 handleIsChecked = (e) => { this

ASP.NET实现弹出框真分页将复选框选择的数据存到数据库中(一)

ASP.NET实现弹出框真分页将复选框选择的数据存到数据库中,这个问题分一下几步走 1.将弹出框真分页后复选框选择的数据保存. 2.将弹出框保存的数据传到父页面上. 3.将数据在父页面上显示. 4.点击保存将信息存入数据库中. 首先来第一步将弹出框真分页后复选框选择的数据保存. 思路很简单就是先真分页,然后在点击下一页的时候扫描这一页所有点击复选框的数据保存到一个变量数组中.下面就是主要代码: ASP代码: <%@ Page Language="C#" AutoEventWire

关于netbeans中的JComboBox(复选框)

以最近写的选课系统中添加课程项为例 1.往复选框中放入选项(根据数据库添加) (1)首先将  属性—>model中默认Item1234清空 (2)获得数据库中的数据并放入. SelectCourseView scv=new SelectCourseView(); int selectIndex=-1; SysCourseDao scd=new SysCourseDaoImpl(); List<CourseView> courselist = scd.queryAllCourse(); /

HTML页面中A博娱乐复选框的操作方法

A博娱乐复选框在网页中很是常见,无论是电商网站,还是平台,只有有需要选择的地方就会见到复选的身影.接下来,是我之前写过的两个小demo,都是关于复选框的,希望会给大家带来帮助. 第一个是关于复选框全选反选的操作,当然我在里面还加了一个小功能,就是当选择底下尚品或者其他的东西的复选框全部为选中状态时则全选按钮也变为选中状态:反之亦然. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 3

在php中验证复选框

PHP接收多个同名复选框信息不像ASP那样自动转换成为数组,这给使用带来了一定不便.但是还是有解决办法的,就是利用javascript做一下预处理.多个同名复选框在javascript中还是以数组的形式存在的,所以在表单提交之前可以利用javascript把复选框中的信息组合成一个字符数组赋值给表单中的隐藏元素,然后用PHP中的explode函数解析此数组,这样就可以实现复选框信息的传递了.下面举例说明. 假设有这样一个表单: <form name="form1" id=&quo

html与用户交互中单选框与复选框&amp;下拉列表中的情况

使用单选框.复选框,让用户选择 在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选.请看下面的例子: 语法: <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1.type: 当 typ