问题遇到的现象和发生背景
前端刚入门,遇到第一个问题。用的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里的获取全部数据的方法,这样表格在操作之后,页面会更新。但是每次点击都会渲染整个页面的数据,而不是更新某一区域,或某一条的数据。
我想要达到的结果
有没什么方法能让后台数据更新的时候页面数据也跟着更新