当前位置: 主页 > vuejs >

Vue设置全局变量,所有页面都可以调用和修改

2021-09-14  |  来源:前端入门建站教程  |  栏目:vuejs

下面前端入门建站教程为大家介绍一下Vue设置全局变量,所有页面都可以调用和修改

1、定义一个变量variables.js
export default {
    hospitalCode: '',
    navTitle: '',
    accessToken: '',
    expires: '',
    statusCode: '',
    depListCode: '',
    patientTypeCode: ''
}

2、在main.js中引入variables.js
import variables from "@/api/variables";
global.variables = variables;

3、变量调用
variables.hospitalCode

注意:页面不能刷新,刷新后页面会重新渲染,数据将全部还原,所有必要的时候可以用localStorage.setItem和localStorage.getItem

上面是“Vue设置全局变量,所有页面都可以调用和修改”的全面内容,想了解更多关于 vuejs 文章,请继续关注前端入门建站教程。

当前网址:https://ipkd.cn/vuejs/22.html

最新文章

猜你喜欢