父组件
<template>子组件
<div>
// 第三步,监听子组件触发的fatherMethod事件,执行fatherMethods方法
<child @fatherMethod="fatherMethods"></child>
</div>
</template>
<script>
import child from '~/components/child/child';
export default {
components: {
child
},
methods: {
// 第四步,执行方法并接收子组件的传值
fatherMethods(e) {
console.log('父组件方法',e); // 父组件方法,0527
}
}
};
</script>
<template>
<div>
// 第一步
<button @click="childMethod()">click</button>
</div>
</template>
<script>
export default {
methods: {
// 第二步
childMethod() {
this.$emit('fatherMethod', 0527);
}
}
};
</script>
网友回复
如何编写一个chrome插件实现多线程高速下载大文件?
cdn版本的vue在网页中出现typeerror错误无法找到错误代码位置怎么办?
pywebview能否使用webrtc远程控制共享桌面和摄像头?
pywebview6.0如何让窗体接受拖拽文件获取真实的文件路径?
如何在linux系统中同时能安装运行apk的安卓应用?
python有没有离线验证码识别ocr库?
各家的ai图生视频及文生视频的api价格谁最便宜?
openai、gemini、qwen3-vl、Doubao-Seed-1.6在ui截图视觉定位这款哪家更强更准?
如何在linux上创建一个沙箱隔离的目录让python使用?
pywebview如何使用浏览器自带语音识别与webspeech 的api?