vue使用store对某个字段值进行全局存储和使用
vue或Avue实现某个字段值的全局存储和获取
·
一、需求描述:
需要对字段:项目编号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值相对应的数据。
更多推荐
已为社区贡献3条内容
所有评论(0)