vue项目开发中,如何实现兄弟同级组件之间进行相互传参,下面web建站小编给大家详细介绍一下具体实现代码!
具体代码如下:
兄弟组件A
<template> <div> <button @click="sendMessage">发送数据</button> </div> </template> <script> export default { methods: { sendMessage() { this.$bus.$emit('message', '我来自兄弟组件A的消息') } } } </script>
兄弟组件B
<template> <div> <p>{{ message }}</p> </div> </template> <script> export default { data() { return { message: '' } }, created() { // 监听事件,传递数据到message this.$bus.$on('message', (message) => { this.message = message }) } } </script>
上面是“vue如何实现同级组件传参(兄弟组件之间传参)”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_4077.html
workflows工作流
图生图生成动漫效果ComfyUI工作流
一幅3D农场游戏画面ComfyUI工作流
一只由水晶制成的蜂鸟
一杯咖啡蒸汽形成云ComfyUI工作流
一条精致透明的朱红色水晶龙
一个黄色的海绵宝宝ComfyUI工作流
一张精心制作的熊岛复古地图ComfyUI工作流
在白雪覆盖的广阔平原上两只可爱的小猫
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!