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

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

阅读 7.6k
4 个回答

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绑定值,这是我的处理方法,你可以看一下,
希望对你有帮助~

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题