問題

使用了vue 動(dòng)態(tài)組件構(gòu)建的頁面，在進(jìn)行頁面刷新后，頁面組件會(huì)變?yōu)槌跏冀M件，而不是你刷新之前的組件。

舉個(gè)栗子，你有兩個(gè)組件分別為列表組件和編輯組件，頁面的初始組件是列表組件，當(dāng)你在編輯組件頁面刷新，就會(huì)回到列表組件。

大個(gè)栗子

解決方案

使用localStorage來存儲(chǔ)數(shù)據(jù)。

使用方法參考網(wǎng)站吧，我就不寫了https://www.cnblogs.com/houzheng/p/9067110.html

在編輯頁面

created(){
        const info ={
            name:'edit',      //組件名稱
            dataList:{          //參數(shù)
                id:'1',
                age:'101',
            },
        }
        localStorage.setItem('info',JSON.stringify(info));
    },

在動(dòng)態(tài)組件頁面

  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的值是字符串，
而你聲明的組件并不是字符串。