问答

请问怎样实现el-table点击任意位置选中当前行?

作者:admin 2021-05-07 我要评论

默认的是选择前面的选择框才能选中。怎样点击任意位置选择当前行呢? ### 已解决: 具体代码写成了一篇文章: https://blog.csdn.net/qq_2218... ### el-table的...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

默认的是选择前面的选择框才能选中。怎样点击任意位置选择当前行呢?

###

已解决:
具体代码写成了一篇文章:
https://blog.csdn.net/qq_2218...

###

el-table的row-click时间会返回row,
再调用table内部的toggleRowSelection方法可实现

###

el-table 本身选中某行就会有选中样式,同楼上所说,row-click会返回当前行数据

###
/**
             * description: 点击某一行,选中
             * @param {Object} row 表格行
             * @param {Object} column 表格列
             * @param {Object} event 事件对象
             *
             */
            clickRow(row, column, event) {
                if (!row) {
                    return
                }

                // 判断当前点击对象是否为checkbox
                if (event.target.nodeName === 'INPUT') {
                    // 防止重复触发
                    event.preventDefault()
                    return false
                } else {
                    // 记录选中数据
                    this.selectRow = row
                    // 选中
                    this.checkedRadio = row.code
                }
            },

对于业务中表格数据处理,应当是每行都有对应的code值,checkedRadio为前面的单选框v-model绑定值,这是我的处理方法,你可以看一下,
希望对你有帮助~

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 请问怎样实现el-table点击任意位置选中

    请问怎样实现el-table点击任意位置选中

  • thinkphp怎么用指定的ID取Session数据

    thinkphp怎么用指定的ID取Session数据

  • iOS移动端、微信公众号视频无法自动播

    iOS移动端、微信公众号视频无法自动播

  • 多war模块的maven项目怎样给每个war设

    多war模块的maven项目怎样给每个war设

腾讯云代理商
海外云服务器