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

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 如果要做一个老年人平板有哪些需求
  • ¥15 k8s生产配置推荐配置及部署方案
  • ¥15 matlab提取运动物体的坐标
  • ¥15 人大金仓下载,有人知道怎么解决吗
  • ¥15 一个小问题,本人刚入门,哪位可以help
  • ¥15 python安卓开发
  • ¥15 使用R语言GD包一直不出结果
  • ¥15 计算机微处理器与接口技术相关问题,求解答图片的这个问题,有多少个端口,端口地址和解答问题的方法和思路,不要AI作答
  • ¥15 如何根据一个截图编写对应的HTML代码
  • ¥15 stm32标准库的PID角度环