威海小程序设计_Vue + Vue

2021-01-11 11:43| 发布者: | 查看: |

Vue + Vue-router 同名路由切换数据不更新的方法     .M.F   本篇文章主要介绍了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
}

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

<
>

 
QQ在线咨询
售前咨询热线
18720358503
售后服务热线
18720358503
返回顶部