美文网首页
点击获取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表格行内数据

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