vue跨组件调用
发布日期:2021-05-07 00:04:41 浏览次数:22 分类:精选文章

本文共 491 字,大约阅读时间需要 1 分钟。

先说一下场景

未登录时 点击发布文章跳转登陆界面
在这里插入图片描述

在这里插入图片描述

这是一模态框 需求之这样,点击A 组件 发布按钮 修改B组件 为true 打开模态框

1 找一个雷锋来帮忙 随便写一个 vue

在这里插入图片描述

import Vue from 'vue'export default new Vue()

2 雷锋 导入A组件 注册 雷锋导入B组件 注册

在这里插入图片描述
在这里插入图片描述

3 因为 要修改B 组件 B组件 有个前台小妹 来接待雷锋

在这里插入图片描述

mounted() {             utils.$on('navlogin', (val) => {               this.centerDialogVisible = true;          });        },

4 A 让雷锋去办事情

utils.$emit('navlogin','bbs_login');     这里为什么 写两个参数 ,第一个  是前台小姐的名字  必须和 B 组件定义的前台小妹 名字一样   第二个是参数  捎点东西过去

总结

1 随便写一个 vue
2 组件A引入 组件B引入
3 谁被调用 谁就安排前台小妹
4 让雷锋去传播信息

上一篇:Mybatis是啥?(一)
下一篇:大白话讲一下简单工厂模式,普通工厂模式,抽象工厂模式

发表评论

最新留言

关注你微信了!
[***.104.42.241]2025年04月10日 13时13分32秒