问题
使用了vue 动态组件构建的页面,在进行页面刷新后,页面组件会变为初始组件,而不是你刷新之前的组件。
举个栗子,你有两个组件分别为列表组件和编辑组件,页面的初始组件是列表组件,当你在编辑组件页面刷新,就会回到列表组件。
大个栗子
解决方案
使用localStorage来存储数据。
使用方法参考网站吧,我就不写了https://www.cnblogs.com/houzheng/p/9067110.html
在编辑页面
created(){
const info ={
name:'edit', //组件名称
dataList:{ //参数
id:'1',
age:'101',
},
}
localStorage.setItem('info',JSON.stringify(info));
},
在动态组件页面
created(){
if(localStorage.length>0){
var news =localStorage.getItem('info');
if(news !== null && news.name === name ){
this.edit(); //add()方法是使动态组件=edit组件
}
}
},
提示!不能使动态组件直接等于news.name,news.name的值是字符串,
而你声明的组件并不是字符串。