zoukankan      html  css  js  c++  java
  • state 全局值 设置 和获取

    commit

    dispatch

    在store js文件中定义

    state: {
    shopId: ""
    },
     
    mutations: {
    // shopid
    SETID (state, data) {
    console.log("app-mutation", data)
    state.oldshopId = state.shopId
    state.shopId = data   // 获取传来的值
    }
    },

    .//设置   

    let str = JSON.stringify(this.newShop);
    localStorage.setItem('shop',str)    ---将值保存在缓存中
    this.$store.dispatch('getParamSync',JSON.parse(localStorage.getItem('shop')))
    this.$store.commit('SETID',JSON.parse(localStorage.getItem('shop')).shopId)

    //获取   --- 注意得在HTML中显示变量

    computed: {
    ...mapState({
    themeColor: state => state.app.themeColor,
    menuColor: state =>
    {
    console.log('nav', state)
    return state.app.menuColor
    },
    collapse: state =>{
    return state.app.collapse
    },
    shopId: state => {   //shopId  自定义
    return state.app.shopId
    },
    }),
     
    },
    、、、、、、、转载、、、、、、

    this.$store.commit('toShowLoginDialog', true);
    this.$store.dispatch('toShowLoginDialog',false)
     

    主要区别是:

    dispatch:含有异步操作,例如向后台提交数据,写法: this.$store.dispatch('mutations方法名',值)

    commit:同步操作,写法:this.$store.commit('mutations方法名',值)
    ---------------------
    作者:qq_36165747
    来源:CSDN
    原文:https://blog.csdn.net/qq_36165747/article/details/81082963
    版权声明:本文为博主原创文章,转载请附上博文链接!

  • 相关阅读:
    docker 安装镜像
    Vagrant+Oracle VM VirtualBox创建linux虚拟机(centos7)
    idea配置git,github , gitee
    idea连接数据库
    idea基本设置
    git基础命令
    mybatis中的where
    重学 Java 设计模式:实战桥接模式(多支付渠道「微信、支付宝」与多支付模式「刷脸、指纹」场景)
    HTTPS加密原理
    优惠券数据库设计
  • 原文地址:https://www.cnblogs.com/Quxiya/p/10820274.html
Copyright © 2011-2022 走看看