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 相关文章推荐
javascript自执行函数之伪命名空间封装法
Dec 25 Javascript
js比较和逻辑运算符的介绍
Mar 10 Javascript
Google Dart编程语法和基本类型学习教程
Nov 27 Javascript
超赞的动手创建JavaScript框架的详细教程
Jun 30 Javascript
体验jQuery和AngularJS的不同点及AngularJS的迷人之处
Feb 02 Javascript
基于JQuery打造无缝滚动新闻步骤详解
Mar 31 Javascript
JS常用字符串方法(推荐)
Jan 15 Javascript
js获取页面引用的css样式表中的属性值方法(推荐)
Aug 19 Javascript
bootstrap的工具提示实例代码
May 17 Javascript
Vue中$refs的用法详解
Jun 24 Javascript
jquery实现垂直手风琴导航栏
Feb 18 jQuery
vue中watch和computed的区别与使用方法
Aug 23 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
YII Framework框架教程之国际化实现方法
2016/03/14 PHP
PHP实现获取并生成数据库字典的方法
2016/05/04 PHP
PHP调用Mailgun发送邮件的方法
2017/05/04 PHP
使用新的消息弹出框blackbirdjs
2008/10/16 Javascript
jQuery EasyUI API 中文文档 - Draggable 可拖拽
2011/09/29 Javascript
JQuery中关于jquery.js与jquery.min.js的比较探讨
2013/05/15 Javascript
导入extjs、jquery 文件时$使用冲突问题解决方法
2014/01/14 Javascript
JS替换字符串中字符即替换全部而不是第一个
2014/06/04 Javascript
使用node.js 制作网站前台后台
2014/11/13 Javascript
JS实现支持多选的遍历下拉列表代码
2015/08/20 Javascript
Javascript之面向对象--方法
2016/12/02 Javascript
详解js数组的完全随机排列算法
2016/12/16 Javascript
webpack的CSS加载器的使用
2018/09/11 Javascript
js中call()和apply()改变指针问题的讲解
2019/01/17 Javascript
angularjs模态框的使用代码实例
2019/12/20 Javascript
vue调用微信JSDK 扫一扫,相册等需要注意的事项
2021/01/03 Vue.js
[01:02:18]VGJ.S vs infamous Supermajor 败者组 BO3 第一场 6.4
2018/06/05 DOTA
Python中利用Scipy包的SIFT方法进行图片识别的实例教程
2016/06/03 Python
python爬虫的工作原理
2017/03/05 Python
Python排序算法实例代码
2017/08/10 Python
Python微信库:itchat的用法详解
2017/08/14 Python
python基于itchat模块实现微信防撤回
2019/04/29 Python
Python实现朴素贝叶斯的学习与分类过程解析
2019/08/24 Python
python读取dicom图像示例(SimpleITK和dicom包实现)
2020/01/16 Python
python读取mysql数据绘制条形图
2020/03/25 Python
Tensorflow卷积实现原理+手写python代码实现卷积教程
2020/05/22 Python
利于python脚本编写可视化nmap和masscan的方法
2020/12/29 Python
selenium+headless chrome爬虫的实现示例
2021/01/08 Python
Html5 audio标签样式的修改
2016/01/28 HTML / CSS
Sneaker Studio匈牙利:购买运动鞋
2018/03/26 全球购物
英超联赛的首选足球:Mitre足球
2019/05/06 全球购物
生物化工专业个人自荐信
2013/09/26 职场文书
乡镇机关党员民主评议表自我评价
2014/09/21 职场文书
初婚初育证明范本
2015/06/18 职场文书
教你快速开启Apache SkyWalking的自监控
2021/04/25 Servers
手把手教你实现PyTorch的MNIST数据集
2021/06/28 Python