Vue同一个页面不关闭，再次进入页面数据不刷新问题 |
您所在的位置：网站首页 › vue数据变化页面不刷新 › Vue同一个页面不关闭，再次进入页面数据不刷新问题 |
|
Vue同一个页面不关闭，再次进入页面数据不刷新问题
原创
wx6441315a5b423 2023-04-21 15:10:04 博主文章分类：前端Vue ©著作权 文章标签 Vue.js 数据刷新 二次进入页面 watch activated 文章分类 Python 后端开发 ©著作权归作者所有：来自51CTO博客作者wx6441315a5b423的原创作品，请联系作者获取转载授权，否则将追究法律责任 Vue同一个页面不关闭，再次进入页面数据不刷新问题目录Vue同一个页面不关闭，再次进入页面数据不刷新问题一、问题描述二、问题分析三、问题解决3.1 方法一：watch监听$route的变化3.2 方法二：activated和deactivated四、漂亮的Ending 一、问题描述从A列表页面跳转到B详情页面，第一次跳转，B详情页面的数据显示正常从A列表页面选择了另一条数据，第二次跳转到B页面，B页面的数据不变，不更新关闭B详情页面，再从A列表页面打开B，则数据显示正常二、问题分析数据刷新函数this.updateData()放到了created里面created只在页面创建的时候，执行一次，所以无法做到数据及时更新三、问题解决3.1 方法一：watch监听$route的变化 监听页面路由的变化，发现页面重新进来后，就及时更新数据 watch: { '$route' (to, from) { // console.log("watch", to, from) if(to.path=="/samplingAuto/auto"){ console.log("刷新") this.updateData() } } },3.2 方法二：activated和deactivatedactivated: function () { console.log("刷新") this.updateData() },赞 收藏 评论 分享 举报 上一篇：玩转树莓派（四）使用Python 通过RPi.GPIO库控制GPIO 下一篇：玩转树莓派（六）使用C语言 通过BCM2835库控制GPIO |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |