vue實(shí)現(xiàn)將數(shù)據(jù)存入vuex中以及從vuex中取出數(shù)據(jù)

發(fā)布時(shí)間：2020-10-25 12:13:00 來(lái)源：腳本之家閱讀：1754 作者：紫菀檀ss 欄目：web開(kāi)發(fā)

1、在store文件下面新建文件 print.js ，寫入以下代碼

  /**
   * 存放 ** 數(shù)據(jù)
   * **/
  
  // initial state
  const state = {
    all: { 
      ID:'',
      BrandID:''
    }
  }
  
  // getters
  const getters = {}
  
  // actions
  const actions = {}
  
  // mutations
  const mutations = {
    setPrint(state, all) { //設(shè)置參數(shù)
      state.all = all;
    }
  }
  
  export default {
    namespaced: true,
    state,
    getters,
    actions,
    mutations
  }

注意：記得在store下面的index.js文件中引入這個(gè)文件

 import Vue from 'vue';
 import Vuex from 'vuex';
 import print from './module/print';
 const debug = process.env.NODE_ENV !== 'production';
 Vue.use(Vuex);
  export default new Vuex.Store({
  modules: {
      print
  },
  strict: debug, //開(kāi)啟嚴(yán)格模式
    plugins: debug ? [createLogger()] : []
  })

2、將數(shù)據(jù)存入vuex中（在要存入數(shù)據(jù)的頁(yè)面寫）

  this.$store.commit("print/setPrint", { //print 表示vuex的文件名
    ID: this.ID,
    BrandID: 402
  });

3、將數(shù)據(jù)從vuex中取出來(lái)使用（在要使用的頁(yè)面寫）

  import { mapState, mapActions } from "vuex";
  computed: {
    ...mapState({
       print:state=>state.print.all
    })
   }

在用到的地方直接寫入以下代碼即可：

  this.CreateID = this.print.ID;
  this.GoodsID = this.print.BrandID;

以上這篇vue實(shí)現(xiàn)將數(shù)據(jù)存入vuex中以及從vuex中取出數(shù)據(jù)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

vue實(shí)現(xiàn)將數(shù)據(jù)存入vuex中以及從vuex中取出數(shù)據(jù)

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽