1. 首页
  2. 编程语言
  3. Javascript
  4. element ui table(表格)实现点击一行展开功能

element ui table(表格)实现点击一行展开功能

上传者: 2021-09-11 01:49:53上传 PDF文件 112.26 KB 热度 9次

element ui是一个非常不错的vue的UI框架,element对table进行了封装,简化了vue对表格的渲染。element ui表格中有一个功能是展开行,在2.0版本官网例子中,只可以点击右箭头可以展开,我们的很多需求是点击某一行展开那是不是无法实现呢?其实,借助element ui的一些属性,轻松实现点击某行展开,我们还是用2.0.9版本官网的例子,对齐改造,使之可以做到这点这个例子可以直接复制运行起来,一点问题都没有,上面的代码可以实现点击某行展开,对比官网的例子,我们在table添加了1.数据中每项没有一个唯一标示怎么办?第2个问题,在rowClick函数给expands添加之前,先清空这个数组。

下载地址
用户评论