详情页返回刷新主页面 Vue无关系组件之间调用

avatar 2022年09月03日15:28:21 0 116 views
博主分享免费Java教学视频,B站账号:Java刘哥

需求是在移动端有一个任务列表页面和一个任务详情的填报记录详情页,在填报记录详情页面删除填报详情数据,返回任务列表页面需要刷新

正常情况下路由是由缓存的, @click-left="$router.go(-1)" 返回上一页是不会刷新的

 

解决办法

1、主页面代码

created() {
	this.$bus.$on('handleRefreshTaskList',() => {
	  // 刷新页面操作
	  document.documentElement.scrollTop = 0;
	  this.onRefresh()
	})
},

2、详情页面代码

destroyed() {
  // 调用任务列表页面刷新任务列表
  this.$bus.$emit('handleRefreshTaskList')
},

 

  • 微信
  • 交流学习,有偿服务
  • weinxin
  • 博客/Java交流群
  • 资源分享,问题解决,技术交流。群号:590480292
  • weinxin
avatar

发表评论

avatar 登录者:匿名
可以匿名评论或者登录后台评论,评论回复后会有邮件通知

  

已通过评论:0   待审核评论数:0