梧桐生矣_ 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 shape_predictor_68_face_landmarks.dat
  • ¥15 slam rangenet++配置
  • ¥15 对于相关问题的求解与代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 信号傅里叶变换在matlab上遇到的小问题请求帮助
  • ¥15 保护模式-系统加载-段寄存器
  • ¥15 电脑桌面设定一个区域禁止鼠标操作
  • ¥15 求NPF226060磁芯的详细资料
  • ¥15 使用R语言marginaleffects包进行边际效应图绘制
  • ¥20 usb设备兼容性问题