博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue+elementui怎样点击table中的单元格触发事件--弹框
阅读量:6377 次
发布时间:2019-06-23

本文共 1089 字,大约阅读时间需要 3 分钟。

hot3.png

elementui中提供了点击行处理事件

  • 查看位置:

elementui的table中怎样点击某个单元格触发事件?

  • 可以先看一下官网中table的自定义列模板代码

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

  • 父组件
  • 子组件 mycomponent
{
{formData}}

问题解决

  • 可以使用template+slot插值进行管理
  • 点击找到当前行的信息,然后再根据该信息在子组件中请求数据
  • 也试过通过点击行的事件,判断在哪一个单元格然后处理事件,这样也可以,但如果在表格中列存放的内容发生变化又得重新调整
  • 也试过dialog弹出框直接写在当前单元格的template中,就像官网中例子一样,但是这样会在点击时触发多次(次数与当前页展示的数量一致)

转载于:https://my.oschina.net/yxmBetter/blog/1595112

你可能感兴趣的文章
ASP.NET CORE中使用Cookie身份认证
查看>>
Dynamics CRM 2016 Web API 消息列表
查看>>
项目微管理3 - 面试
查看>>
RecyclerView的点击事件
查看>>
友元函数和友元类
查看>>
SpringMVC中CRUD实例
查看>>
java-jmx使用
查看>>
Win8Metro(C#)数字图像处理--2.15图像霓虹效果
查看>>
Expo大作战(十七)--expo结合哨兵(sentry)进行错误异常记录
查看>>
vue.js入门学习
查看>>
第8件事 3步打造产品的独特气质
查看>>
debug-stripped.ap_' specified for property 'resourceFile' does not exist
查看>>
利用MapReduce计算平均数
查看>>
scala-05-map映射
查看>>
Spring Boot - how to configure port
查看>>
右键添加复制路径选项
查看>>
DocFetcher 本机文件搜索工具
查看>>
ambassador 学习三 限速处理
查看>>
HTTP传输编码增加了传输量,只为解决这一个问题 | 实用 HTTP
查看>>
家里蹲大学数学杂志期刊模式目录
查看>>