使用PubSub实现兄弟组件(A ——> B)之间的数据传递
-
安装依赖 cnpm install pubsub-js --save
-
A组件定义一个方法,使用PubSub.publish(“methodName”, data)进行发送数据
import PubSub from "pubsub-js";
function sendData(data: string) {
//PubSub.publish(消息名称名,传递的数据);
PubSub.publish("sendQueryParam", data);
}
- B组件中使用PubSub.subscribe(“methodName”, (msg, data) => {})来接收数据
import PubSub from "pubsub-js";
let searchParam = '';
// PubSub.subscribe("接收的消息名称", (msg, 数据) =>{});
PubSub.subscribe("sendQueryParam", (msg, data) => {
searchParam = data;
});
// 取消订阅
// PubSub.unsubscribe(取消订阅的消息名称);
PubSub.unsubscribe('sendQueryParam');