vue 导航跳转created不执行,页面不刷新的解决办法
当页面点击跳转详情请求在created中只执行第一次。创建后有缓存,关闭后也不会再执行created(具体是否有缓存可根据keepAlive和跳转路径进行判断)解决方案:修改created为activatedcreated() {this.getList();},改activated() {this.getList();},来源于简书--------地址...
·
当页面点击跳转详情请求在created中只执行第一次。创建后有缓存,关闭后也不会再执行created(具体是否有缓存可根据keepAlive和跳转路径进行判断)
详情新增数据后,页面跳转到列表页面时 数据不会进行刷新问题
解决方案:修改created为activated
created() {
this.getList();
},
改
activated() {
this.getList();
},
来源于简书--------地址
后来发现问题 在页面刷新或者重新进入列表页面后,右键重新加载数据,无法正常加载 进而放弃了activated()钩子 换watch监听属性 监听页面路由有没有变化,有变化就刷新列表数据 代码如下
watch:{
'$route':"getList"
},
created() {
this.getList();
}
解决
vue watch 监听路由变化,当路由改变时,执行getList方法重新获取列表数据。
来源于简书第二个作者链接
watch: {
//执行监听属性 当路由传递的值 (月计划ID) 发生改变时 执行initData方法进行重新加载数据
'$route.query.monthPlanId':'initData'
},
更多推荐
已为社区贡献1条内容
所有评论(0)