当前位置： 移动技术网 > IT编程>脚本编程>vue.js > Vue + Vue-router 同名路由切换数据不更新的方法

Vue + Vue-router 同名路由切换数据不更新的方法

2017年12月08日  | 移动技术网IT编程  | 我要评论

在默认情况下, 同名路由之间的切换, 由于组件可以服用, 放在ready里获取数据, 是不会执行的, 有两种方法可以解决

注意: 该问题仅存在于 vue1

方法1: 将数据获取放到route.data下~

route: {
  data({to: {params: { page }}}) {
    return promise.all([
      this.getapi()
    ]).then(() => {

    })
  }
}

方法2: 设置route.canreuse = false, 强制组件不复用~

route: {
  canreuse() {
    return false
  }
},
ready() {
  var request = $.ajax({
    type: "post",
    datatype: 'json',
    url: "api.php"
  });
  request.then((json) => {
    // balabala
  });
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网