vue+elementui怎样点击table中的单元格触发事件--弹框_element ui 点击单元格 打开dialog(1)

JavaScript 和 ES6

在这个过程你会发现,有很多 JS 知识点你并不能更好的理解为什么这么设计,以及这样设计的好处是什么,这就逼着让你去学习这单个知识点的来龙去脉,去哪学?第一,书籍,我知道你不喜欢看,我最近通过刷大厂面试题整理了一份前端核心知识笔记,比较书籍更精简,一句废话都没有,这份笔记也让我通过跳槽从8k涨成20k。

JavaScript部分截图

如果你觉得对你有帮助,可以戳这里获取:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

label=“姓名”
width=“180”>


姓名: {{ scope.row.name }}


住址: {{ scope.row.address }}



{{ scope.row.name }}






<el-button
size=“small”
@click=“handleEdit(scope. i n d e x , s c o p e . r o w ) " > 编辑 < / e l − b u t t o n > < e l − b u t t o n s i z e = " s m a l l " t y p e = " d a n g e r " @ c l i c k = " h a n d l e D e l e t e ( s c o p e . index, scope.row)">编辑</el-button> <el-button size="small" type="danger" @click="handleDelete(scope. index,scope.row)">编辑</elbutton><elbuttonsize="small"type="danger"@click="handleDelete(scope.index, scope.row)”>删除




### 点击单元格弹出框可以使用template-scope方式实现


* 父组件






<div style=“color:red;text-decoration:underline;cursor:pointer;” @click=“getMore(scope.row)”>{{ scope.row.date }}




<div style=“color:red;text-decoration:underline;cursor:pointer;” @click=“getMore2(scope.row)”>{{ scope.row.date }}


  • 15
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值