vue2 使用示例
// 子组件
<template>
<div></div>
</template>
<script>
export default {
data() {
return {
name: 'zxc'
};
},
methods: {
init() {
this.$emit("complete", this.name);
}
}
};
// 父组件
<template>
<div>
<Child @complete="complete"></Child>
</div>
</template>
<script>
import Child from "./Child.vue";
export default {
methods: {
complete(val) {
console.log('11', val) // zxc
}
}
}
</script>
vue3 使用示例
// 子组件
<template>
<div></div>
</template>
<script setup>
const emit = defineEmits(['func'])
const dateChange = (time) => {
emit('func', time)
}
<script/>
// 父组件
<template>
<head @func="getTime"/>
</template>
<script setup>
import head from "./head";
const getTime = (time) => {
console.log(time)
}
<script/>