vue3刷新参数为undefined的问题（参数消失问题）-CFANZ编程社区

vue3刷新参数为undefined的问题（参数消失问题）

问题

vue中，如果在url路径上隐藏了参数，那么刷新的时候参数会丢失。

解决方式

1、现在src目录下创建一个文件夹，名为config。在config新建一个store.js文件
store.js文件的内容为：

const IDLIST_KEY = 'idlist'; //定义常量保存键值
export default {
    saveIDlist(data){
        window.localStorage.setItem(IDLIST_KEY,JSON.stringify(data)); 
    },
    fetchIDlist(){
        return JSON.parse(window.localStorage.getItem(IDLIST_KEY)|| '[]');
    }
}

在这里插入图片描述
使用方式：（注意：保存如果使用了name属性名去保存，那么读取一定要用name）

//保存
store.saveIDlist(name); 
//读取
name= store.fetchIDlist();

2、在被跳转过来的页面，也就是接收参数的vue页面中导入我们创建的js

import store from '../config/store.js';

在这里插入图片描述
3、在第一次获取参数的时候，参数是不会消失的。我们一般都是在加载事件中获取参数，所以在加载事件中修改一下。

转自：https://www.jb51.net/article/147497.htm

0 条评论