vue多层组件传递参数之消息订阅与发布
分类： vue 专栏： vue 标签： vue多层组件传递参数之消息订阅与发布
2023-03-24 19:41:57 367浏览
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）展开评论
暂无评论，快来写一下吧
展开评论
他的专栏
java 
Mysql 
springboot 
vue 
ssm 
js和jquery 
小程序 
uniapp 
html+css 他感兴趣的技术
