vue3中addRoute路由變化頁面未刷新問題解決
更新時間：2022年06月01日 15:48:18 作者：殺破狼1914
這篇文章主要為大家介紹了vue3中addRoute路由變化但頁面未刷新問題解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
路由變化了但頁面沒有更新
按著vue2的寫法寫vue3 發(fā)現(xiàn)路由變化了但頁面沒有更新
搜索了半天沒有解決辦法。
想了半天覺得是重復(fù)用同一個對象，vue為了節(jié)約性能就沒有新建， 被vue3給優(yōu)化了
解決辦法，每次addRoute時 深復(fù)制組件對象
import time from "../views/time"
function copyObj(obj) {
if (typeof obj == "object") {
if (Array.isArray(obj)) {
let arr = [];
for (let item of obj) {
arr.push(Object.assign(copyObj(item)));
}
return arr;
} else if (obj == null) {
return null;
} else {
let obj1 = {};
for (let index in obj) {
obj1[index] = copyObj((obj[index]));
}
return obj1;
}
} else if (typeof obj == "function") {
return Object.assign(obj);
} else if (typeof obj == undefined) {
return undefined;
} else {
return obj;
}
}
window.pushTime = function () {
let t = new Date().getTime();
let path = `/time/${t}`;
time = copyObj(time)
this.$router.addRoute({
path,
name: path,
component: time,
});
this.$router.push({
path,
});
}以上就是vue3中addRoute路由變化但頁面未更新問題解決的詳細內(nèi)容，更多關(guān)于vue3 addRoute頁面刷新的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
Vue數(shù)據(jù)驅(qū)動試圖的實現(xiàn)方法及原理
當(dāng)Vue實例中的數(shù)據(jù)（data）發(fā)生變化時,與之相關(guān)聯(lián)的視圖（template）會自動更新,反映出最新的數(shù)據(jù)狀態(tài), Vue的數(shù)據(jù)驅(qū)動視圖是通過其響應(yīng)式系統(tǒng)實現(xiàn)的,以下是Vue數(shù)據(jù)驅(qū)動視圖實現(xiàn)的核心原理,需要的朋友可以參考下2024-10-10
這篇文章主要介紹了vue中多個倒計時實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
vue、react等單頁面項目應(yīng)該這樣子部署到服務(wù)器
這篇文章主要介紹了vue、react等單頁面項目應(yīng)該這樣子部署到服務(wù)器，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
在現(xiàn)代的前端開發(fā)中,我們經(jīng)常需要使用一些第三方的外部腳本或庫,尤其是像地圖、圖表、分析工具等,在 Vue 項目中,有多種方式可以引入外部腳本,本文將詳細介紹在 Vue 項目中引入外部腳本的幾種常見方法,需要的朋友可以參考下2025-01-01
本篇文章主要介紹了詳解Vue快速零配置的打包工具——parcel，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
使用vue.js進行項目的開發(fā)已經(jīng)有了一定的時間，在任務(wù)的過程中以及和不同的開發(fā)使用者交流中，逐漸對vue.js的使用心得有了一定的積累。本文主要給大家分享一些開發(fā)時需要注意的事項2016-04-04
這篇文章主要介紹了vue如何循環(huán)給對象賦值，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
vue之el-tree懶加載數(shù)據(jù)并且實現(xiàn)樹的過濾問題
這篇文章主要介紹了vue之el-tree懶加載數(shù)據(jù)并且實現(xiàn)樹的過濾問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要給大家分享的是Vue3的幾個優(yōu)勢，Vue3仍然在源碼、性能和語法 API 三個大的方面進行了優(yōu)化，下面我們一起進入文章看看具體詳情吧2021-10-10
vue項目登錄頁面實現(xiàn)記住用戶名和密碼的示例代碼
本文主要介紹了vue項目登錄頁面實現(xiàn)記住用戶名和密碼的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07