首页 > 编程 > JavaScript > 正文

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

2019-11-19 14:53:34
字体:
来源:转载
供稿:网友

在默认情况下, 同名路由之间的切换, 由于组件可以服用, 放在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  });}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表