【乐吾乐2D可视化组态编辑器】弹框

本文主要是介绍【乐吾乐2D可视化组态编辑器】弹框，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

很多同学问道：如何弹框。Meta2d.js只通知弹框，不直接弹框。

原因很简单，我们不知道用户需要什么样的弹框，弹框通常涉及具体业务数据，只有业务自己知道。

External Player - 哔哩哔哩嵌入式外链播放器

乐吾乐2D可视化组态编辑器地址：https://2d.le5le.com/  

1. 定义弹框消息

在图元事件里面，发送一个自定义消息，在Vue/React或Js里面接收消息，显示一个自定义弹框。

const pen = {name: "rectangle",text: "矩形",x: 100,y: 100,width: 100,height: 100,events: [{name: "click",action: EventAction.Emit, value: "自定义弹框消息名",params: "消息参数"},],
};// 
enum EventAction {Link, 					// 打开链接SetProps,				// 设置属性StartAnimate,   // 执行动画PauseAnimate,   // 暂停动画StopAnimate,    // 停止动画Function,       // 执行JS代码WindowFn,       // 执行全局函数Emit,           // 发送消息
}

2. 监听弹框消息

在Vue/React或Js里面监听弹框消息。

meta2d.on('自定义弹框消息名', (e) => {const pen = e.pen;const params = e.params;// UI 弹框alert(pen.name + params);
});

这篇关于【乐吾乐2D可视化组态编辑器】弹框的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---