美文网首页
点击获取element表格行内数据

点击获取element表格行内数据

作者: 顺小星 | 来源:发表于2020-01-06 11:25 被阅读0次

步骤一:

在el-table标签上加上 :
@row-click="getDetail"

该方法会在点击某行时触发,并带回所有行内信息,点击某行内所有位置都可实现。

image.png image.png

步骤二:

定义方法:
getDetail(row) {
    console.log("我是行内信息:", row)
},

点击结果:

image.png

加油冲鸭!


刚才是点击全行显示弹窗,现在实例点击某一个名字实现弹窗

image.png

在包裹的div上加上点击事件,里面传入(scope.row)

image.png

继续加油鸭!

相关文章

  • 点击获取element表格行内数据

    步骤一: 在el-table标签上加上 : 该方法会在点击某行时触发,并带回所有行内信息,点击某行内所有位置都可实...

  • js--页面获取数据

    js页面获取数据 <...

  • vue element ui 表格 selection-chan

    element table 多选表格,表格中有操作按钮的话,获取当前勾选行的数据,大家都知道用slot-scope...

  • web前端-获取页内样式的属性

    element.style.width或者element.style.left 这种方式只能获取行内样式的属性, ...

  • Python表格定位+XPath定位

    #遍历整个表格 table = driver.find_element_by_id("table") #获取整...

  • 基于element ui 动态添加删除表格数据

    今天给大家做一个基于element ui的表格效果。我们要实现的大致蓝图是,点击添加按钮,然后添加表格一行数据,这...

  • 复制数组

    表格中获取数据item在点击查看后会再次获取数据(detail),查看详情的时候需要用到状态字段和仓库字段,数据字...

  • 前端常用

    表格行 tr(data-index='{{index}}') 单击行内的一个td,然后获取该行获取index的值 ...

  • jqGrid常用语法

    jqGrid常用语法整理,包含数据获取、常用函数、触发事件等jqGrid表格数据获取相关语法获取表格所有数据 ...

  • bootstrap-table方法

    初始化表格 销毁表格 刷新表格 获取选中行数据 获取所有行数据 添加请求参数 Bootstrap表格方法-小书童文...

网友评论

      本文标题:点击获取element表格行内数据

      本文链接:https://www.haomeiwen.com/subject/prohactx.html