vue实现将数据存入vuex中以及从vuex中取出数据
1、在store文件下面新建文件print.js，写入以下代码
/**
*存放**数据
***/
//initialstate
conststate={
all:{
ID:'',
BrandID:''
}
}
//getters
constgetters={}
//actions
constactions={}
//mutations
constmutations={
setPrint(state,all){//设置参数
state.all=all;
}
}
exportdefault{
namespaced:true,
state,
getters,
actions,
mutations
}
注意：记得在store下面的index.js文件中引入这个文件
importVuefrom'vue';
importVuexfrom'vuex';
importprintfrom'./module/print';
constdebug=process.env.NODE_ENV!=='production';
Vue.use(Vuex);
exportdefaultnewVuex.Store({
modules:{
print
},
strict:debug,//开启严格模式
plugins:debug?[createLogger()]:[]
})
2、将数据存入vuex中（在要存入数据的页面写）
this.$store.commit("print/setPrint",{//print表示vuex的文件名
ID:this.ID,
BrandID:402
});
3、将数据从vuex中取出来使用（在要使用的页面写）
import{mapState,mapActions}from"vuex";
computed:{
...mapState({
print:state=>state.print.all
})
}
在用到的地方直接写入以下代码即可：
this.CreateID=this.print.ID; this.GoodsID=this.print.BrandID;
以上这篇vue实现将数据存入vuex中以及从vuex中取出数据就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。