您的位置:首页 > 产品设计 > UI/UE

Vue2.0 子组件传值给父组件

2017-03-31 11:25 495 查看
this.$emit(event,...args);
/*
* event: 要触发的事件
* args: 将要传给父组件的参数
*/


Usage:

子组件内容:

<template>
<div @click="iclick"></div>
</template>
methods:{
iclick(){
let data = {
a:'data'
};
this.$emit('ievent',data,'lalala');
}
}


父组件内容:

<i-template @ievent = "ievent"></i-template>
methods:{
ievent(...data){
console.log('allData:',data);// data为包含传过来所有数据的数组,第一个元素是对象,第二个元素是字符串
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  vue-js JS