美文网首页
Vue的全局变量 this.$state.state.取值和赋值

Vue的全局变量 this.$state.state.取值和赋值

作者: SY | 来源:发表于2021-12-24 15:57 被阅读0次

    一、定义 全局变量

    注:如果不在 store目录下的 index.js 定义 则 在其它 ***.vue 页面 代码中赋值,其它页面的这个全局变量,是不会变化的。


    image.png

    store目录下的 index.js

    export default new Vuex.Store({
    
      state: {
        current_user_name:"未知",
        current_user_pwd:"未知",
        current_user_tel:"未知",
        current_isRegister:"分机 未注册",
        pageId: 0,
        // pageList: ['分机监控', '外线监控', '分机管理', '通讯录', '通话记录', '修改密码'],
        下面代码略
    

    二,赋值
    在登陆页 Login.vue

    if (login_result == "true") { 
              this.$store.state.current_user_name=this.login.user;
              this.$store.state.current_user_pwd=this.login.password;
              this.$store.state.current_user_tel=this.login.number;
              this.$store.state.current_isRegister="分机未注册";//已注册
    }
    

    三、赋值

    在定时刷新页 ****.vue

    this.$store.state.current_isRegister="已注册";
    

    四、取值

     var str=this.$store.state.current_user_tel;
     <div class="name">{{$store.state.current_user_name}}</div>
    

    相关文章

      网友评论

          本文标题:Vue的全局变量 this.$state.state.取值和赋值

          本文链接:https://www.haomeiwen.com/subject/irglqrtx.html