
vuex如何传值
发布日期:2021-05-07 14:34:22
浏览次数:16
分类:技术文章
本文共 716 字,大约阅读时间需要 2 分钟。
个人写法,希望对大家有帮助!
import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ modules: { login: { state: { callv: '', }, mutations: { addcallv(state, arg) { state.callv = arg } }, actions: { loginbtn({ commit }, arg) { commit('addcallv', arg) } }, getters: { getcallv(state) { return state.callv } } }, }})vue2.0版,组件调用时用传值页面:一个值: this.$store.dispatch("loginbtn", "6666");多值传递:this.$store.dispatch("loginbtn", [666,888]);获取数据页面: 一个值: 方法一:{ {this.$store.state.login.callv}} 方法二:{ {this.$store.getters.getcallv}}多值时加下标:{ { this.$store.state.login.falg[1] }}
发表评论
最新留言
关注你微信了!
[***.104.42.241]2025年04月07日 09时05分47秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
JS中如何创建对象
2019-03-04
二叉树的基础练习题代码
2019-03-04
(JAVA小白必看)小白IDEA的安装与配置
2019-03-04
SpringMVC模板代码
2019-03-04
C++ Primer学习笔记——第2章 变量和基本数据类型
2019-03-04
5.11 TEST1
2019-03-04
6.14 阶段考试
2019-03-04
牛客IOI周赛19-普及组
2019-03-04
2020牛客NOIP赛前集训营-普及组(第四、五场)
2019-03-04
uni-app请求头中携带token
2019-03-04
常用的 Git 命令和小技巧(1)
2019-03-04
vue中接收后台的图片验证码并显示
2019-03-04
springboot入门(1)---整合MyBatis
2019-03-04
Vue入门学习笔记(1)
2019-03-04
前端入门经验——页面布局
2019-03-04
ECharts——双向柱状图
2019-03-04
Vue——引进bootstrap
2019-03-04
Vue——引进ivew
2019-03-04
趣谈win10常用快捷键
2019-03-04
趣谈文件扩展名和隐藏文件
2019-03-04