一、需求描述:

需要对字段:项目编号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值相对应的数据。

 

Logo

前往低代码交流专区

更多推荐