zoukankan      html  css  js  c++  java
  • vue中的全局变量 this.$store.state 的取值与赋值

    一、定义 全局变量

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

     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>

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

  • 相关阅读:
    c--日期和时间函数
    笔试题:360找镇长的题。
    【JavaScript】BOM和DOM
    也谈在 .NET 平台上使用 Scala 语言(续)
    生成n个元素的全排列 C实现
    jsp安全性问题
    stm32DMA通道 ADC通道
    POJ 1860
    Codeforces Round #FF (Div. 2) A. DZY Loves Hash
    Configure the modules to be find by modprobe
  • 原文地址:https://www.cnblogs.com/hailexuexi/p/14274304.html
Copyright © 2011-2022 走看看