vue仿美团饿了么,数据添加删除,页面自动刷新显示最新数据


当点击去支付时产生新的订单,并跳转到订单页面,且页面的数据更新。
需要用到provide inject。这种方法主要是将router-view隐藏然后再显示时,刷新页面数据
在app.vue中写入以下代码。

provide(){
		return {
			reload:this.reload
		}
	},

在methods中定义此方法,isRouterAlive 在data中声明

methods:{
		reload(){
			this.isRouterAlive = false;
			this.$nextTick(function(){
				this.isRouterAlive = true;
			})
		}
	},

在app.vue中用v-if控制显示隐藏。

<router-view  v-if="isRouterAlive"></router-view>	

在需要刷新的页面中调用reload方法

inject:['reload'],

在点击事件中调用 this.reload();

全部评论

相关推荐

09-17 17:09
门头沟学院 Java
雨忄:有人给出过解法,拖晚点去,然后到时候再找其他理由商量,既增加他们的筛人成本,不一定会给你收回offer ,也能占位避免工贼
秋招的嫡长offer
点赞 评论 收藏
分享
09-20 22:39
中南大学
故事和酒66:意思就是用了AI辅助也不一定做得出来,还是有区分度,不然他不会让你用的
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务