vue 导航跳转created不执行,页面不刷新的解决办法

当页面点击跳转详情请求在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'
    },

你可能感兴趣的:(vue)