zoukankan      html  css  js  c++  java
  • vue+ element table如何给指定的单元格添加点击事件?

    今天使用vue,以及element-ui这个框架时,发现业务需要在表格里加一个连接跳转,当时立刻打开element的官网,进行查看http://element-cn.eleme.io/#/zh-CN/component/table是在<el-table>里进行添加事件的,而此时我进行尝试后发现这个是每一个单元格都需要跳转,不是我想要的针对某一列进行的点击跳转操作,于是各种技术贴开始搜索,最后发现一个网友的写法很可行。
    我把参考网站贴出来https://segmentfault.com/q/1010000012511902

    <el-table-column prop="goods_count" label="活动兑换商品" align="center" width="150" >
        <template slot-scope="scope">
            <el-button type="text" size="small" @click="handleGoods(scope.row)" v-if="scope.row.goods_count==0">管理活动商品</el-button>
            <el-button type="text" size="small" @click="handleGoods(scope.row)" v-else>{{scope.row.goods_count}}</el-button>
        </template>
    </el-table-column>
    
    handleJoinGoods(row,id){
            console.log(row.goods_count); }

       

    其中<el-button>也可以换成别的你想要的标签,都是没有问题的。好了 这样问题就解决啦!

  • 相关阅读:
    redis相关
    Ubuntu安装之python开发
    Shell编程实战
    saltstack高效运维
    docker网络
    docker入门
    python学习博客地址集合。。。
    vue+uwsgi+nginx部署路飞学城
    部署你的CRM程序
    Java Netty教程(目录)
  • 原文地址:https://www.cnblogs.com/shj-com/p/8779965.html
Copyright © 2011-2022 走看看