梧桐生矣_ 2022-07-13 09:08 采纳率: 25%
浏览 322
已结题

elment操作表格数据,页面数据怎么才能实时更新

问题遇到的现象和发生背景

前端刚入门,遇到第一个问题。用的vue2+elmentui做的后台管理系统的一个表格页,有操作按钮,类似于增删改查的事件,点击之后后台的数据已经变了,但页面不实时更新,刷新整个页面才会变

我的解答思路和尝试过的方法

用了两种方法都不太行,不是想要的结果,在app.vue里面写了下面代码,在用的组件页调用,还是全局刷新


<template>
  <div id="app">
    <router-view v-if="isRouterAlive" />
  </div>
</template>
<script>
export default {
  name: "app",
  provide() {
    return {
      reload: this.reload,
    };
  },
  data() {
    return {
      isRouterAlive: true,
    };
  },

  methods: {
    reload() {
      this.isRouterAlive = false;
      this.$nextTick(() => (this.isRouterAlive = true));
    },
  },
};
</script>

第二个是在点击事件后 调用mounted里的获取全部数据的方法,这样表格在操作之后,页面会更新。但是每次点击都会渲染整个页面的数据,而不是更新某一区域,或某一条的数据。

我想要达到的结果

有没什么方法能让后台数据更新的时候页面数据也跟着更新

  • 写回答

2条回答 默认 最新

  • 你好!机器人 2022-07-13 09:18
    关注

    1、重新请求列表数据
    2、删除成功回调删掉相对应的对象跟总数-1

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

报告相同问题?

问题事件

  • 系统已结题 7月21日
  • 已采纳回答 7月13日
  • 创建了问题 7月13日

悬赏问题

  • ¥15 使用ue5插件narrative时如何切换关卡也保存叙事任务记录
  • ¥20 软件测试决策法疑问求解答
  • ¥15 win11 23H2删除推荐的项目,支持注册表等
  • ¥15 matlab 用yalmip搭建模型,cplex求解,线性化处理的方法
  • ¥15 qt6.6.3 基于百度云的语音识别 不会改
  • ¥15 关于#目标检测#的问题:大概就是类似后台自动检测某下架商品的库存,在他监测到该商品上架并且可以购买的瞬间点击立即购买下单
  • ¥15 神经网络怎么把隐含层变量融合到损失函数中?
  • ¥15 lingo18勾选global solver求解使用的算法
  • ¥15 全部备份安卓app数据包括密码,可以复制到另一手机上运行
  • ¥20 测距传感器数据手册i2c