Vue + Vue-router 同名路由切換數(shù)據(jù)不更新的方法

在默認(rèn)情況下, 同名路由之間的切換, 由于組件可以服用, 放在ready里獲取數(shù)據(jù), 是不會(huì)執(zhí)行的, 有兩種方法可以解決

注意: 該問(wèn)題僅存在于 vue1

方法1: 將數(shù)據(jù)獲取放到route.data下~

route: {
 data({to: {params: { page }}}) {
 return Promise.all([
 this.getApi()
 ]).then(() => {

 })
 }
}

方法2: 設(shè)置route.canReuse = false, 強(qiáng)制組件不復(fù)用~

route: {
 canReuse() {
 return false
 }
},
ready() {
 var request = $.ajax({
 type: "POST",
 dataType: 'json',
 url: "api.php"
 });
 request.then((json) => {
 // balabala
 });
}

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com