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

更新時間：2017年11月20日 17:18:33 作者：M.M.F

本篇文章主要介紹了Vue + Vue-router 同名路由切換數(shù)據(jù)不更新的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下

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

注意: 該問題僅存在于 vue1

方法1: 將數(shù)據(jù)獲取放到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
  });
}

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

Vue 進階教程之v-model詳解
這篇文章主要介紹了Vue 進階教程之v-model詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-05-05
Vue使用babel-polyfill兼容IE解決白屏及語法報錯問題
這篇文章主要介紹了Vue使用babel-polyfill兼容IE解決白屏及語法報錯問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2024-03-03
Vuejs實現(xiàn)帶樣式的單文件組件新方法
這篇文章主要為大家詳細為大家詳細介紹了Vuejs實現(xiàn)帶樣式的單文件組件的新方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
elementui之el-tebs瀏覽器卡死的問題和使用報錯未注冊問題
這篇文章主要介紹了elementui之el-tebs瀏覽器卡死的問題和使用報錯未注冊問題
2019-07-07
Vue專屬狀態(tài)管理庫Pinia的使用與實踐分享
在 Vue 的開發(fā)中,狀態(tài)管理是一個不可或缺的部分,尤其是在復雜的應用中,組件之間的狀態(tài)共享和管理變得至關重要,Pinia 作為 Vue 的專屬狀態(tài)管理庫,本文將深入介紹 Pinia 的基礎知識、核心功能以及實際使用場景,需要的朋友可以參考下
2024-11-11
Vue.js中安裝一個路由器demo
這篇文章主要為大家介紹了Vue.js中安裝一個路由器demo，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-12-12
vue中深度選擇器圖文詳解
在Vue的開發(fā)中,我們經(jīng)常會用到外部組件庫,下面這篇文章主要給大家介紹了關于vue中深度選擇器的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2023-06-06
解決在Vue中使用axios POST請求變成OPTIONS的問題
這篇文章主要介紹了解決在Vue中使用axios POST請求變成OPTIONS的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-08-08
一文帶你了解Vue中單文件組件的使用
在web開發(fā)中,組件化開發(fā)已成為一種趨勢,Vue提供了一種高效的方式來創(chuàng)建和管理這些組件—單文件組件,下面我們就來看看它的具體應用吧
2024-03-03
Vue3中vue-router的使用方法詳解
Vue?Router?是?Vue?的官方路由，它與?Vue.js?核心深度集成，讓用?Vue.js?構建單頁應用變得輕而易舉，本文將通過簡單的示例為大家介紹一下vue-router的使用，需要的可以參考一下
2023-06-06