必须进入预览模式才能看到动态组件点击后的状态变化,需先绑定单击时显示/隐藏/切换事件并确保目标组件名称完全匹配,再通过右上角预览按钮或ctrl/cmd+enter快捷键启动预览,最后验证出现、消失及无状态残留。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

要在墨刀中实时看到动态组件点击后显示、隐藏或切换状态的真实效果,必须完成事件绑定并进入预览模式,否则编辑区里永远只显示默认状态。
确认动态组件已配置好交互事件
打开含动态组件的页面,选中该动态组件,在右侧【事件】面板中检查是否已添加「单击时显示/隐藏」或「单击时切换状态」类事件;若未添加,预览时组件将完全静止不动。
确保触发动作是「单击」,行为是「显示」「隐藏」或「切换状态」,目标选择正确——比如「显示新增弹窗动态组件」,不能选成其他页面或错误组件。
【目标组件名称必须与动态组件实际命名完全一致,大小写和空格都不能错】
用两种方式启动预览
方法一:点击右上角「预览」按钮 → 自动以全屏模式加载当前页面 → 用鼠标点击已设事件的按钮或区域,观察动态组件响应。
方法二:选中已绑定事件的触发元素(如「新增」按钮)→ 按快捷键 Ctrl+Enter(Windows)或 Cmd+Enter(Mac)→ 直接从该元素开始预览,节省跳转时间。
预览时验证关键行为
第一步:点击触发按钮,确认动态组件是否按预期出现;
第二步:在弹出的动态组件内,点击「取消」或「提交」按钮,确认它是否立即消失;
第三步:反复操作多次,检查是否存在状态残留——比如点两次「新增」后出现两个重叠弹窗,说明「隐藏」事件没绑定到取消/提交按钮上,需回头补全。
这一步操作起来很简单,直接把文件拖进去就行。











