如何在Procedure Editor中实现点击按钮后弹出alert提示框

点击事件命令写法 #

在按钮绑定的点击触发过程中，根据你需要的提示样式选择对应代码即可：

• 调用浏览器原生alert弹窗：

// 括号内替换为你需要展示的提示文本
alert("自定义提示内容");

• 调用平台内置的美化消息组件（无浏览器原生弹窗的域名后缀，样式和系统UI统一）：

showMessage({
  type: "success", // 可选值：info/success/warning/error，对应不同提示配色和图标
  content: "操作已完成"
})

配置操作步骤 #

• 在画布中选中目标按钮，在右侧属性栏找到*点击事件（On Click）*配置项，选择「执行过程/Procedure」进入编辑器
• 把上面选好的代码粘贴到过程编辑区，替换提示文本为你需要的内容
• 点击编辑器顶部的保存编译按钮，退出编辑态预览即可测试效果

常见问题排查 #

• 点击按钮无响应：先检查是否把点击事件错绑到了按钮外层的容器组件上，确认事件绑定主体是目标按钮
• 动态内容展示：如果需要在提示里拼接动态变量，直接按字符串拼接格式编写即可，示例：alert("当前选中项ID：" + selectedId)
• 交互体验优化：原生alert会阻塞页面后续交互，普通操作提示优先使用内置的showMessage组件

相关操作界面参考：

内容的提问来源于stack exchange，提问作者OrbitalChairLeg