vue emit 有多个参数该如何写
发布网友
发布时间：2022-04-24 13:05
共4个回答
热心网友
时间：2022-04-22 12:16
详细步骤如下：
一、$emit传递一个参数时
子组件：
this.$emit('closeChange',false)。
父组件：
<posilCom @closeChange="closeCom($event)"></posilCom>closeCom(msg) {this.msg = msg;}。
二、$emit传递多个参数时
子组件：
this.$emit('closeChange',false,true)。
父组件：
<posilCom @closeChange="closeCom(arguments)"></posilCom>closeCom(msg)this.msg1 = msg[0];this.msg2 = msg[1]。
扩展资料：
一、vue emit 3个参数详细描述：
1、子组件的JS
**/define(function(require, exports, mole){var $ = require("lib_cmd/zepto-cmd"),
Vue = require('lib_cmd/vue-cmd'),
main = require("js_cmd/main-cmd"),
var vm= Vue.component('myaddress', {
template: ' <div data-role="data-widget" data-widget="address-editor"
class="address_mask" id="address-editor">\</div>' props:["address","ids"],
methods: {created: function () mole.export= vm;/*注册名为“myaddress”的组件 ，从父组件传递过来两个数据"address","ids"*/
2、父组件EJS页面
<%- include ../../header %>
<link href="/css/vd/activity/myAward.css?v=<%= config.version %>" rel="stylesheet" />
<div data-role="container"
class="body <%= pageName %>" id="myAward"><myaddress :address="editAddr"
:ids="ids"></myaddress>
</div><script> seajs.use('js_cmd/vd/activity/myAward-cmd');</script>
<%- include ../../footer %>
/*在定义的组件 “myaddress”中绑定两个父组件的数据 "editAddr" "ids"*/
3、父组件的JS页面
* Created by youchen.ma on 2017/6/21.
*/define(function (require, exports, mole)
var $ = require("lib_cmd/zepto-cmd"),
Vue = require("lib_cmd/vue-cmd"),
main = require("js_cmd/main-cmd"),
Address = require('js_cmd/vd/venue/widget/venueEditAddress-cmd') //引入子组件的JS文件
二、vue emit定义：
主要内容包括数据绑定、指令、表单控制绑定、过滤器、组件、表单验证、服务通信、路由和视图、vue cli、测试开发和调试、源代码分析以及主流的打包和构建工具。内容全面，讲解详细，示例丰富，适合各级开发人员。
参考资料：百度百科-Vue.js权威指南
热心网友
时间：2022-04-22 13:34
详细写如下：
一、$emit传递一个参数时
子组件：
this.$emit('closeChange',false)。
父组件：
<posilCom @closeChange="closeCom($event)"></posilCom>closeCom(msg) {this.msg = msg;}。
二、$emit传递多个参数时
子组件：
this.$emit('closeChange',false,true)。
父组件：
<posilCom @closeChange="closeCom(arguments)"></posilCom>closeCom(msg)this.msg1 = msg[0];this.msg2 = msg[1]。
扩展资料：
一、vue emit 3个参数详细描述：
1、子组件的JS
**/define(function(require, exports, mole){var $ = require("lib_cmd/zepto-cmd"),
Vue = require('lib_cmd/vue-cmd'),
main = require("js_cmd/main-cmd"),
var vm= Vue.component('myaddress', {
template: ' <div data-role="data-widget" data-widget="address-editor"
class="address_mask" id="address-editor">\</div>' props:["address","ids"],
methods: {created: function () mole.export= vm;/*注册名为“myaddress”的组件 ，从父组件传递过来两个数据"address","ids"*/
2、父组件EJS页面
<%- include ../../header %>
<link href="/css/vd/activity/myAward.css?v=<%= config.version %>" rel="stylesheet" />
<div data-role="container"
class="body <%= pageName %>" id="myAward"><myaddress :address="editAddr"
:ids="ids"></myaddress>
</div><script> seajs.use('js_cmd/vd/activity/myAward-cmd');</script>
<%- include ../../footer %>
/*在定义的组件 “myaddress”中绑定两个父组件的数据 "editAddr" "ids"*/
3、父组件的JS页面
* Created by youchen.ma on 2017/6/21.
*/define(function (require, exports, mole)
var $ = require("lib_cmd/zepto-cmd"),
Vue = require("lib_cmd/vue-cmd"),
main = require("js_cmd/main-cmd"),
Address = require('js_cmd/vd/venue/widget/venueEditAddress-cmd') //引入子组件的JS文件
二、vue emit定义：
1、主要内容包括数据绑定、指令、表单控件绑定、过滤器、组件、表单验证、服务通信、路由和视图、vue-cli、测试开发和调试、源码解析及主流打包构建工具等。该内容全面，讲解细致，示例丰富，适用于各层次的开发者
参考资料来源：百度百科-Vue.js权威指南
热心网友
时间：2022-04-22 15:09
父组件
HTML代码<child @transferName="getNameAndDes"></child>
JS代码
getNameAndDes(msg) {
this.name = msg.name
this.dev = msg.dev
}
热心网友
时间：2022-04-22 17:00
还可以用vuex 定义一个全局的state，子组件修改state 父组件可以访问到state的值
