当前位置:首页 > 日记 > 正文

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

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

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

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

相关文章

怎么用excel算出cpk值excel算出cpk

怎么用excel算出cpk值excel算出cpk

步骤,方法,电脑软件,excel,cpk,  有时候我们需要对产品的相关特性数据进行分析,利用数据统计工具制作过程能力控制图,从而计算出CPK值,下面小编教你怎么用excel算出cpk值。希望对你有帮助!excel算出cpk值的步骤收集你所需要控制的特性的数据,…

Excel2013图表如何制作达标图

Excel2013图表如何制作达标图

达标,图表,电脑软件,  通过设置坐标轴重叠来制作达标图,达标图可以直观地反映数据是否达到所规定的标准。以下是小编为您带来的关于Excel2013图表制作达标图,希望对您有所帮助。Excel2013图表制作达标图①启动Excel2013,首先打开先前准备好…

Excel饼图和圆环图的作用有哪些

Excel饼图和圆环图的作用有哪些

作用,饼图,圆环,有哪些,电脑软件,  excel的饼图和环形图,这两种图都是用来表示相应数据项占该数据系列总和的比例值的。以下是小编为您带来的关于Excel饼图和圆环图的作用,希望对您有所帮助。Excel饼图和圆环图的作用以饼图为例,比如这里有…

JavaScript实现瀑布流以及加载效果

JavaScript实现瀑布流以及加载效果

瀑布流,加载,效果,电脑软件,JavaScript,一、瀑布流是个啥?  瀑布流,是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。最早采用瀑布流布局的网站是Pinterest,…

AngularJS 使用ng-repeat报错 [ngR

AngularJS 使用ng-repeat报错 [ngR

报错,电脑软件,ng,AngularJS,repeat,AngularJS 使用ng-repeat报错 [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify uniqng-repeat报错<div ng-init="words = ['高校','高校','…

excel2010饼形图的制作方法excel20

excel2010饼形图的制作方法excel20

饼形图,制作方法,电脑软件,strong,  在Excel中经常会使用到图表进行对数据分析、查看、对比辅助。而饼形图则是一个很常用的图表。接下来请欣赏小编给大家网络收集整理的excel2010饼形图的制作方法。excel2010饼形图的制作方法例:上海虹口…

在Word文档中表格怎么让文字环绕

在Word文档中表格怎么让文字环绕

文字,文档,表格,电脑软件,Word,  在Word 中,见得比较多的是文字环绕图片;不过,表格也可以让文字环绕,这种情况可能比较少,毕竟表格不会太小通常都要占满一页的宽度。以下是小编为您带来的关于Word文档中表格让文字环绕,希望对您有所帮助。Word…

怎样将手机qq浏览器设置为默认的浏

怎样将手机qq浏览器设置为默认的浏

浏览器,方法,默认,缓存,屏蔽,  如果我们喜欢使用手机qq浏览器,为了方便,可以将其设置为默认的浏览器,下面就让小编告诉大家将手机qq浏览器设置为默认的浏览器的教程。将手机qq浏览器设置为默认的浏览器的方法手机上下载手机QQ浏览器,下载完成…

微信小程序 this和that详解及简单

微信小程序 this和that详解及简单

简单实例,详解,程序,电脑软件,微信小,微信小程序中,在wx.request({});方法调用成功或者失败之后,有时候会需要获取页面初始化数据data的情况,这个时候,如果使用,this.data来获取,会出现获取不到的情况,调试页面也会报undefiend。原因是,在javascrip…

word位置怎么调整word调整位置的方

word位置怎么调整word调整位置的方

位置,调整,方法,设置,图片大小,  在word插入图片时,位置不总是那么如人所意,当想要把图片的位置调到你满意的位置要怎么做呢?接下来小编为你分享word调整图片位置的方法。希望对你有帮助!word调整图片位置的方法第1步,打开Word2007文档窗口,选…

excel表格金额汇总的教程excel表格

excel表格金额汇总的教程excel表格

金额,教程,表格,电脑软件,excel,  Excel中的表格具体该如何进行金额汇总呢?下面是小编带来的关于excel表格金额汇总的教程,希望阅读过后对你有所启发!excel表格金额汇总的教程金额汇总步骤1:制作如下图所示表格并输入基础数据。(特别说明:标…

php输出全部gb2312编码内的汉字方

php输出全部gb2312编码内的汉字方

输出,方法,编码,汉字,电脑软件,php输出全部gb2312编码内的汉字,$area表示分区,$pos表示分区内所在位置。<?php$fp = fopen('t.txt', 'a');for($area = 0xb0; $area <= 0xf7; $area++) for($pos = 0xa1; $pos <= 0xfe; $pos++) fwrite…