hanne_lovegood 2022-04-11 11:39 采纳率: 78.6%
浏览 350
已结题

vue el-table不刷新数据刷新表格,达到控制显示隐藏列的目的?

在el-table外面给了两个按钮

        <div class="th-tab">
            <el-button @click="showToday()">当日</el-button>
            <el-button @click="showTotal()">累计</el-button>
        </div>

对应列上加了v-if,这个列下面还有一些合并的列

<el-table-column label="当日" v-if="isShowToday" :key="isShowToday">
  <el-table-column></el-table-column>......<el-table-column></el-table-column>
</el-table-column>
<el-table-column label="累计" v-if="!isShowToday" :key="!isShowToday">
  <el-table-column></el-table-column>......<el-table-column></el-table-column>
</el-table-column>

js里给这两个按钮的方法,用isShowToday变量来控制,方法是能进去的

var isShowToday;
export default {
  ......
  methods: {
     showToday(){
          this.isShowToday = true;
     },
     showTotal(){
           this.isShowToday = false;
     }
  },
  created(){
      this.isShowToday = true;
  }
}

但就是el-table不刷新。

网上找了很多方法比如给el-table-column加key(就如我代码里的),还有加:key=Math.random()之类的,但是因为我的数据其实是不变的,所以触发不了它的刷新,点击对应的显示隐藏按钮没用。

该怎么实现点击“当日”按钮就隐藏“累计”下面的数据?

  • 写回答

2条回答 默认 最新

  • 你好!机器人 2022-04-11 12:56
    关注

    isShowToday在data有没有定义

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 4月19日
  • 已采纳回答 4月11日
  • 创建了问题 4月11日

悬赏问题

  • ¥15 多尺度特征图提取和融合
  • ¥15 微信小程序:渲染收货地址时页面不显示
  • ¥20 win7 64位DirectShow提示初始化失败如何解决?
  • ¥20 小规模孤立词识别系统设计
  • ¥15 关于Java对接海康威视车牌识别一体机SDK是否需要固定外网的IP?
  • ¥15 Linux扩容时,格式化卡住了:vgdispaly查看卷组信息,没有输出
  • ¥18 关于#ubuntu#的问题:使用背景-工作职责内有七八台ubuntu系统的电脑,平时需要互相调取资料,想实现把这几台电脑用交换机组成一个局域网,来实现指定文件夹的互相调取和写入
  • ¥20 求一个简易射频信号综测仪
  • ¥15 esp8266 tally灯 接收端改为发射端
  • ¥30 Labview代码调用access 数据库,相同代码其中一个调用不出来是为什么