問(wèn)題
使用了vue 動(dòng)態(tài)組件構(gòu)建的頁(yè)面继蜡，在進(jìn)行頁(yè)面刷新后日裙，頁(yè)面組件會(huì)變?yōu)槌跏冀M件，而不是你刷新之前的組件麦牺。
舉個(gè)栗子钮蛛，你有兩個(gè)組件分別為列表組件和編輯組件，頁(yè)面的初始組件是列表組件剖膳，當(dāng)你在編輯組件頁(yè)面刷新魏颓，就會(huì)回到列表組件。
大個(gè)栗子
解決方案
使用localStorage來(lái)存儲(chǔ)數(shù)據(jù)吱晒。
使用方法參考網(wǎng)站吧甸饱，我就不寫了https://www.cnblogs.com/houzheng/p/9067110.html
在編輯頁(yè)面
created(){
const info ={
name:'edit', //組件名稱
dataList:{ //參數(shù)
id:'1',
age:'101',
},
}
localStorage.setItem('info',JSON.stringify(info));
},
在動(dòng)態(tài)組件頁(yè)面
created(){
if(localStorage.length>0){
var news =localStorage.getItem('info');
if(news !== null && news.name === name ){
this.edit(); //add()方法是使動(dòng)態(tài)組件=edit組件
}
}
},
提示！不能使動(dòng)態(tài)組件直接等于news.name仑濒，news.name的值是字符串柜候，
而你聲明的組件并不是字符串。
