关于element-ui table 用按钮控制使table 全部打开和隐藏

Songlcy 发布于2019-08-23 13:56 / 2342人阅读

摘要：首先要用到他的一个属性还有就是第一步全部显示全部隐藏日期姓名地址商品商品名称描述第二步全部隐藏全部显示这样就能应按钮控制的去全部展示和隐藏了

1 首先要用到他的一个属性 row-key
2 还有就是 expand-row-keys

第一步

    全部显示
    全部隐藏
    
      
        
      
      
      
      
      
      
      
    
    
    
    第二步
    
    
      data () {
        return {
            expends: [],
        },
        methods: {
          getRowKeys (row) {
            return row.id
          },
          // 全部隐藏
          hanghide () {
            this.expends = []
          },
          // 全部显示
          hangshou () {
            var tranId = this.tableData5.map(item => item.id)
            this.expends = tranId
          },
          
          
  这样就能应按钮控制table 的去全部展示 和 隐藏了

私有云服务器托管 DIV和TABLE表格制作 Tables Table table scroll

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/99816.html

开发中遇到的问题总结

摘要：获取字符串中出现次数最多的字符。去掉字符串中的所有空格中对象数组按对象属性排序 VUE 1、vue——解决You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

wenshi11019 2019-08-23 16:03 评论0 收藏0
开发中遇到的问题总结

摘要：获取字符串中出现次数最多的字符。去掉字符串中的所有空格中对象数组按对象属性排序 VUE 1、vue——解决You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

Yuqi 2019-08-30 15:56 评论0 收藏0
VueCli+Node+mongodb打造个人博客（含前台展示及后台管理系统）（中）

摘要：前言前文打造个人博客含前台展示及后台管理系统上地址在上篇文章中我们完成了后端的配置，实现了对数据的增删查改现在只需要前端页面发送对应的请求给后端即可引入在开始搭建组件前，我们先要确定前端异步请求的方式这里我用的是先在中将其引入这样我们就可以前言前文：VueCli+Node+mongodb打造个人博客（含前台展示及后台管理系统）（上）https://segmentfault.com/...

curlyCheng 2019-08-26 13:43 评论0 收藏0
VueCli+Node+mongodb打造个人博客（含前台展示及后台管理系统）（中）

摘要：前言前文打造个人博客含前台展示及后台管理系统上地址在上篇文章中我们完成了后端的配置，实现了对数据的增删查改现在只需要前端页面发送对应的请求给后端即可引入在开始搭建组件前，我们先要确定前端异步请求的方式这里我用的是先在中将其引入这样我们就可以前言前文：VueCli+Node+mongodb打造个人博客（含前台展示及后台管理系统）（上）https://segmentfault.com/...

ninefive 2019-06-26 18:03 评论0 收藏0