568数据 568数据


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

网络编程 Vue + Vue-router 同名路由切换数据不更新的方法 06-22

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

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

值得收藏的vuejs安装教程
本文为大家分享了vuejs安装教程,供大家参考,具体内容如下1.安装nodejs,自带npm环境。地址:https://nodejs.org/en/download/,Node.js历史版本下载地址:https://

基于 Vue.js 之 iView UI 框架非工程化实践记录(推荐)
像我们平日里做惯了Java或者.NET这种后端程序员,对于前端的认识还常常停留在jQuery时代,包括其插件在需要时就引用一下,不需要就删除。故观念使然

Angular4自制一个市县二级联动组件示例
最近遇到了不少问题,真的是命运多舛。Angular真是让人又爱又恨的框架,恨的是资料太少,遇到问题无从下手。爱的是许多其他框架难以做到的功能,a


编辑:568数据

标签:的是,组件,框架,方法,本文