[JavaScript知识库]vue使用store对某个字段值进行全局存储和使用

一、需求描述：

需要对字段：项目编号projectId进行全局存储，在给projectId设置一个值后，其他vue页面中的projectId字段可以获取该值。

二、代码：

1.字段值设置.vue文件：

①引入设置变量方法：

import { setStore } from "@/util/store";

②设置projectId值

    handleOpen(projectName, projectId) { //点击项目名称触发，参数为该项目的名称和projectId
      setStore({
        name: "projectId",  //其他页面引用getStore时使用的参数名
        content: projectId,  //给name中参数名赋值，值为handleOpen的传参
      });     
      this.$router.push({ path: `/fgdm/project?name=${projectName}` });
    },
  },

2.字段值使用.vue文件

①引入获取变量方法

import { getStore } from "@/util/store";

②获取projectId值

该OnLoad方法为打开页面的加载方法，需要先获取store中的projectId值，作为参数返回给列表获取函数：getList；在后台的getList方法中获取参数projectId；在sql语句中加入projectId的判别；即可实现当前页面仅展示store中projectId值相对应的数据。

?