vue动态组件 刷新问题 本地存储

问题

使用了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的值是字符串,
而你声明的组件并不是字符串。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。