vue多层组件传递参数之消息订阅与发布

无敌的宇宙
无敌的宇宙
擅长邻域:Java,HTML,JavaScript,MySQL,支付,退款,图片上传

分类: vue 专栏: vue 标签: vue多层组件传递参数之消息订阅与发布

2023-03-24 19:41:57 366浏览

vue多层组件传递参数之消息订阅与发布

这个可以试下多层组件参数传递,不管是父子组件还是兄弟组件还是爷孙组件均可以。

安装

npm install --save pubsub-js

查看pubsub的版本

 npm info pubsub-js

使用subpub插件实现

消息订阅=时间监听

方法:

import  PubSub from 'pubsub-js' 
mounted(){
       /* 订阅方法,消息名称,匿名函数msg=消息名(不可省略),index是你需要传递的参数 */
        PubSub.subscribe('delData',(msg,index)=>{
           this.renwu.splice(index,1)
        });
      },

接收组件

  import PubSub from 'pubsub-js'

/* 消息发布,触发消息订阅里的逻辑 */
 PubSub.publish('delData',this.index);

好博客就要一起分享哦!分享海报

此处可发布评论

评论(0展开评论

暂无评论,快来写一下吧

展开评论

您可能感兴趣的博客

客服QQ 1913284695