盒子
盒子
文章目录
  1. vue
    1. 传值给父组件

工作关键Api


vue

传值给父组件

1
2
3
4
5
this.$emit(event,...args);
/*
* event: 要触发的事件
* args: 将要传给父组件的参数
*/

Usage:
子组件内容:

1
2
3
4
5
6
7
8
9
10
11
<template>
<div @click="iclick"></div>
</template>
methods:{
iclick(){
let data = {
a:'data'
};
this.$emit('ievent',data,'lalala');
}
}

父组件内容:

1
2
3
4
5
6
<i-template @ievent = "ievent"></i-template>
methods:{
ievent(...data){
console.log('allData:',data);// data为包含传过来所有数据的数组,第一个元素是对象,第二个元素是字符串
}
}

支持一下
扫一扫,支持 填坑哥