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


Posted in Javascript onNovember 20, 2017

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

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

Javascript 相关文章推荐
JS 文字符串转换unicode编码函数
May 30 Javascript
jQuery中调用WebService方法小结
Mar 28 Javascript
JS判断字符串长度的5个方法(区分中文和英文)
Mar 18 Javascript
JavaScript中的变量定义与储存介绍
Dec 31 Javascript
JS实现当前页居中分页效果的方法
Jun 18 Javascript
写给小白的JavaScript引擎指南
Dec 04 Javascript
js控制TR的显示隐藏
Mar 04 Javascript
详解js中的apply与call的用法
Jul 30 Javascript
利用jQuery实现打字机字幕效果实例代码
Sep 02 Javascript
关于List.ToArray()方法的效率测试
Sep 30 Javascript
JS实现返回上一页并刷新页面的方法分析
Jul 16 Javascript
Vue父子之间值传递的实例教程
Jul 02 Javascript
详解Vue + Vuex 如何使用 vm.$nextTick
Nov 20 #Javascript
webpack+vue中使用别名路径引用静态图片地址
Nov 20 #Javascript
laydate日历控件使用方法详解
Nov 20 #Javascript
JavaScript框架Angular和React深度对比
Nov 20 #Javascript
如何选择适合你的JavaScript框架
Nov 20 #Javascript
JavaScript内存泄漏的处理方式
Nov 20 #Javascript
加载 vue 远程代码的组件实例详解
Nov 20 #Javascript
You might like
PHP进程同步代码实例
2015/02/12 PHP
PHP数据库操作Helper类完整实例
2016/05/11 PHP
PHP单例模式是什么 php实现单例模式的方法
2016/05/14 PHP
PHP用FTP类上传文件视频等的简单实现方法
2016/09/23 PHP
PHP convert_uudecode()函数讲解
2019/02/14 PHP
PHP利用百度ai实现文本和图片审核
2019/05/08 PHP
Laravel 5.2 文档 数据库 ―― 起步介绍
2019/10/21 PHP
Jquery 跨域访问 Lightswitch OData Service的方法
2013/09/11 Javascript
jquery队列函数用法实例
2014/12/16 Javascript
JQuery中Text方法用法实例分析
2015/05/18 Javascript
理解JS事件循环
2016/01/07 Javascript
jQuery获取某天的农历日期并判断是否除夕或新年的方法
2016/03/01 Javascript
Angularjs实现多个页面共享数据的方式
2016/03/29 Javascript
jquery if条件语句的写法
2016/05/19 Javascript
微信小程序 数组中的push与concat的区别
2017/01/05 Javascript
JavaScript中object和Object的区别(详解)
2017/02/27 Javascript
javaScript强制保留两位小数的输入数校验和小数保留问题
2018/05/09 Javascript
node删除、复制文件或文件夹示例代码
2019/08/13 Javascript
VUE项目中加载已保存的笔记实例方法
2019/09/14 Javascript
javascript设计模式 ? 备忘录模式原理与用法实例分析
2020/04/21 Javascript
[08:53]DOTA2每周TOP10 精彩击杀集锦vol.9
2014/06/26 DOTA
python实现查找excel里某一列重复数据并且剔除后打印的方法
2015/05/26 Python
python实现的AES双向对称加密解密与用法分析
2017/05/02 Python
HTML5中indexedDB 数据库的使用实例
2017/05/11 HTML / CSS
SheIn俄罗斯:时尚女装网上商店
2017/02/28 全球购物
澳大利亚排名第一的在线酒类商店:MyBottleShop
2018/04/26 全球购物
澳大利亚优惠网站:Deals.com.au
2019/07/02 全球购物
甜品店的创业计划书范文
2014/01/02 职场文书
产品包装策划方案
2014/05/18 职场文书
反洗钱宣传活动总结
2014/08/26 职场文书
2014年图书馆工作总结
2014/11/25 职场文书
2014年度培训工作总结
2014/11/27 职场文书
2015年九一八事变纪念活动实施方案
2015/05/06 职场文书
2016圣诞节贺卡寄语
2015/12/07 职场文书
学习党章心得体会2016
2016/01/15 职场文书
pytorch 实现在测试的时候启用dropout
2021/05/27 Python