首页 > 代码库 > vue前端data传给action
vue前端data传给action
1.vue-view
<el-input v-model="u.name" placeholder="请输入用户名"></el-input><el-input v-model="u.pwd" placeholder="请输入密码"></el-input><button @click=‘login‘>登录</button>
2.vue-data
export default { name:‘login‘, data:() =>({ u:{name: ‘abc‘,pwd:‘123‘} }), //箭头函数返回对象时,需要将对象包裹在小括号里}
3.vue-method
methods:{ login() {this.$store.dispatch(‘fun‘,this.u)}, //调用action中的方法}
4.vuex-action
export const fun = ({ commit,state },u) => { //action只能接受两个参数 alert(u.name+","+u.pwd)}
vue前端data传给action
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。