img

vuex 设置某个值存在vuex中

2021-04-15 0条评论 2.8k次阅读 JavaScript


场景如下,输入密码然后把密码存在vuex的某个属性里面;

index.js代码

import Vue from 'vue';
import Vuex from 'vuex';
import app from './modules/app';
Vue.use(Vuex);

const store = () => new Vuex.Store({
  modules: {
    app,
  }
});

export default store;

在 app 中添加属性名称

const state = {
  articlePass: null
};

const mutations = {
  SET_ARTICLE_PASS: (state, articlePass) => {
    state.articlePass = articlePass;
  },
};

const actions = {
  setArticlePass({ commit }, data) {
    commit('SET_ARTICLE_PASS', data)
  }
};

export default {
  namespaced: true,
  state,
  mutations,
  actions,
};

添加完成后使用

sendArticlePass() {
  let pass = 123;
  this.$store.dispatch('app/setArticlePass', pass)
},

获取的话请参考本博客其他 vuex笔记文章

💬 COMMENT


🦄 支持markdown语法

👋友