当前位置:网站首页>兄弟组件进行传值(显示有先后顺序)
兄弟组件进行传值(显示有先后顺序)
2022-07-05 17:56:00 【inticaler】
在开发中会遇到两个兄弟组件,哥哥执行完毕之后弟弟显示,哥哥隐藏,这种情况下我们就需要重新考虑执行先后顺序
比如
新建中间件,bus.js,让各个兄弟共用同一个传值事件机制。
import Vue from 'vue'
export default new Vue
在child_1.vue(哥哥)组件中,绑定事件
import Bus from "@/utils/bus.js"
mounted() {
Bus.$on('getMergeId', this.getMergeId)
},
methods: {
getMergeId(callback) {
if (callback) callback(this.id);
},
}
在child_2.vue(弟弟)组件中,触发事件获取值
import Bus from "@/utils/bus.js"
Bus.$emit("getMergeId", id => {
this.id = id
});
然后就可以在弟弟组件中获取到哥哥组件的data值喽
边栏推荐
- Leetcode exercise - 206 Reverse linked list
- Which platform of outer disk gold is regular and safe, and how to distinguish it?
- 吴恩达团队2022机器学习课程,来啦
- GFS distributed file system
- Cmake tutorial Step2 (add Library)
- Introduction to Resampling
- Delete some elements in the array
- Neural network self cognition model
- LeetCode每日一题:合并两个有序数组
- 模拟百囚徒问题
猜你喜欢
Six bad safety habits in the development of enterprise digitalization, each of which is very dangerous!
破解湖+仓混合架构顽疾,星环科技推出自主可控云原生湖仓一体平台
IDC report: Tencent cloud database ranks top 2 in the relational database market!
星环科技重磅推出数据要素流通平台Transwarp Navier,助力企业实现隐私保护下的数据安全流通与协作
Sophon CE社区版上线,免费Get轻量易用、高效智能的数据分析工具
Redis基础
nano的CAN通信
Leetcode daily practice: rotating arrays
Cmake tutorial Step2 (add Library)
Zabbix
随机推荐
Leetcode daily question: merge two ordered arrays
mybash
Cmake tutorial step5 (add system self-test)
Sophon AutoCV:助力AI工业化生产,实现视觉智能感知
Ten top automation and orchestration tools
FCN: Fully Convolutional Networks for Semantic Segmentation
RSE2020/云检测:基于弱监督深度学习的高分辨率遥感图像精确云检测
How can cluster deployment solve the needs of massive video access and large concurrency?
Memory management chapter of Kobayashi coding
VC编程入门浅谈「建议收藏」
Teamcenter 消息注册前操作或後操作
Generate XML schema from class
Interpretation: how to deal with the current security problems faced by the Internet of things?
Huaxia Fund: sharing of practical achievements of digital transformation in the fund industry
Failed to virtualize table with JMeter
图像分类,看我就够啦!
Leetcode notes: Weekly contest 300
tkinter窗口预加载
Disorganized series
开户复杂吗?网上开户安全么?