切换画面
乐吾乐2D可视化组态编辑器demo:https://2d.le5le.com/
方式1:open切换
推荐使用meta2d.open切换新画面
const pen = {
name: "rectangle",
text: "矩形",
x: 100,
y: 100,
width: 100,
height: 100,
events: [
{
name: "click",
action: EventAction.GlobalFn,
value: "openMeta2d",
params: "图纸Id"
},
],
};
const openMeta2d = (id) => {
// 请求图纸数据
const json = axios.get(url,{params: {id});
// 打开新图纸
meta2d.open(json);
}
enum EventAction {
Link, // 打开链接
SetProps, // 设置属性
StartAnimate, // 执行动画
PauseAnimate, // 暂停动画
StopAnimate, // 停止动画
Function, // 执行JS代码
GlobalFn, // 执行全局函数
Emit, // 发送消息
}
方式2:打开新Url地址
const pen = {
name: "rectangle",
text: "矩形",
x: 100,
y: 100,
width: 100,
height: 100,
events: [
{
name: "click",
action: EventAction.Link,
value: "新图纸预览url",
params: "_self"
},
],
};
enum EventAction {
Link, // 打开链接
SetProps, // 设置属性
StartAnimate, // 执行动画
PauseAnimate, // 暂停动画
StopAnimate, // 停止动画
Function, // 执行JS代码
GlobalFn, // 执行全局函数
Emit, // 发送消息
}