vuex的mutations如何传多个传参?
1、不传参时的写法(官网例子):
const store = new Vuex.Store({
  state: {
    count: 1
  },
  mutations: {
    increment (state) {
      // mutate state
      state.count++
    }
  }
})
store.commit('increment')
2、传一个参数的写法(官网例子):
// ...
mutations: {
increment (state, n) {
state.count += n
}
}
store.commit('increment', 10)
3、传多个参数的写法:
此时参数不能继续在后面加,后面的参数无效,传进去的参数为undefined;
官网的解释:In most cases, the payload should be an object so that it can contain multiple fields, and the recorded mutation will also be more descriptive;
所以,我们可以将参数以对象的方式传进去,多个属性就是多个参数了。
// ...
mutations: {
increment (state, payload) {
state.count += payload.amount1;
state.count += payload.amount2;
state.count += payload.amount3;
state.count += payload.amount4;
} }
store.commit('increment', {
  amount1: 10,
  amount2: 20,
  amount3: 30,
  amount4: 40,
}
vuex的mutations如何传多个传参?的更多相关文章
- 基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件
		
目录 1. 前言 2. 关于vue-simple-uploader 3. 基于vue-simple-uploader封装全局上传组件 4. 文件上传流程概览 5. 文件分片 6. MD5的计算过程 7 ...
 - 打造 html5 文件上传组件,实现进度显示及拖拽上传,支持秒传+分片上传+断点续传,兼容IE6+及其它标准浏览器
		
老早就注册了博客园帐号,昨天才发现,连博客都没开,Github也是一样,深觉惭愧,赶紧潜个水压压惊`(*∩_∩*)′ 言归正传.大概许多人都会用到文件上传的功能,上传的库貌似也不少,比如(jQuery ...
 - 重新想象 Windows 8.1 Store Apps (89) - 通信的新特性: 下载数据, 上传数据, 上传文件
		
[源码下载] 重新想象 Windows 8.1 Store Apps (89) - 通信的新特性: 下载数据, 上传数据, 上传文件 作者:webabcd 介绍重新想象 Windows 8.1 Sto ...
 - 文件上传~Uploadify上传控件~续(多文件上传)
		
对于Uploadify文件上传之前已经讲过一次(文件上传~Uploadify上传控件),只不过没有涉及到多文件的上传,这回主要说一下多个文件的上传,首先,我们要清楚一个概念,多文件上传前端Upload ...
 - Webfrom 上传  单个上传  多个上传
		
文件上传控件:FileUpload - 控件,界面+方法+属性Button/LinkButton/ImageButton FileUpload控件:1.SaveAs("要上传到服务器的绝对路 ...
 - 30分钟玩转Net MVC 基于WebUploader的大文件分片上传、断网续传、秒传(文末附带demo下载)
		
现在的项目开发基本上都用到了上传文件功能,或图片,或文档,或视频.我们常用的常规上传已经能够满足当前要求了, 然而有时会出现如下问题: 文件过大(比如1G以上),超出服务端的请求大小限制: 请求时间过 ...
 - 项目总结21:项目总结21:input实现多图上传(FormData)(上传OSS并保存数据库)
		
项目总结21:input实现多图上传(FormData)(上传OSS并保存数据库) 备注:本案例,作为Demo,包含少量的项目业务逻辑,input多图上传的逻辑是完整的: 不废话直接上代码 1-前端标 ...
 - python 全栈开发,Day86(上传文件,上传头像,CBV,python读写Excel,虚拟环境virtualenv)
		
一.上传文件 上传一个图片 使用input type="file",来上传一个文件.注意:form表单必须添加属性enctype="multipart/form-data ...
 - Caffe学习笔记(二):Caffe前传与反传、损失函数、调优
		
Caffe学习笔记(二):Caffe前传与反传.损失函数.调优 在caffe框架中,前传/反传(forward and backward)是一个网络中最重要的计算过程:损失函数(loss)是学习的驱动 ...
 - git commit -a -m "DM 1、获取aliOssSTS值,计算签名,实现视频PUT/POST2种上传方式上传;"
		
git commit -a -m "DM 1.获取aliOssSTS值,计算签名,实现视频PUT/POST2种上传方式上传:" 微信小程序的视频上传
 
随机推荐
- android仿最新版本号微信相冊--附源代码
			
更改排版为 markdown: http://blog.csdn.net/self_study/article/details/69397859
 - Redit集群搭建-Sentinel模式搭建
			
Redit集群搭建 学习了: Windows:http://blog.csdn.net/mrxiagc/article/details/52799081 Linux:https://www.cnblo ...
 - [React Native] Dismiss the Keyboard in React Native
			
In this lesson you will learn how create a re-usable component that gives the user the ability to di ...
 - Android 仿 窗帘效果 和 登录界面拖动效果  (Scroller类的应用) 附 2个DEMO及源代码
			
在android学习中,动作交互是软件中重要的一部分.当中的Scroller就是提供了拖动效果的类,在网上.比方说一些Launcher实现滑屏都能够通过这个类去实现.以下要说的就是上次Scroller ...
 - Canvas中的非零围绕规则原理
			
非零围绕规则:对于路径中指定范围区域,从该区域内部画一条足够长的线段.使此线段的全然落在路径范围之外. 非零围绕规则计数器:然后,将计数器初始化为0,每当这个线段与路径上的直线或曲线相交时,就改变计数 ...
 - 面向对象(OOP)五大基本原则
			
书单 <Object-Oriented Analysis & Design with Application>:Grady Booch, 下载地址:object-oriented- ...
 - 6.boostTCP通信
			
客户端 #include <boost/asio.hpp> #include <iostream> #include <stdlib.h> using namesp ...
 - iOS网络缓存机制
			
iOS的网络引擎自带缓存机制: 网络请求在经过网络引擎时有过处理(添加了字段),所以用api的网络请求无法获取缓存. [NSURLCache sharedURLCache]
 - js循环匹配组合成新对象或js循环组合新数据
			
var Arry=[ {name: "vehicleTravelLicenseCopyBack", id: "a1"}, {name: "vehicl ...
 - lsof---查看你进程开打的文件
			
lsof命令用于查看你进程开打的文件,打开文件的进程,进程打开的端口(TCP.UDP).找回/恢复删除的文件.是十分方便的系统监视工具,因为lsof命令需要访问核心内存和各种文件,所以需要root用户 ...