墨刀中动态组件需通过内部可点击元素触发页面跳转,不能直接绑定在组件容器上;必须在编辑状态下为独立按钮添加单击跳转事件,并验证目标页面存在且无遮挡。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

要在墨刀中让动态组件触发页面跳转,必须先明确:动态组件本身不支持直接跳转页面,它的事件行为仅限于切换自身状态或显示/隐藏;若需跳转,必须将跳转事件绑定在动态组件内部的某个可点击元素(如按钮、文字、图片)上,而非动态组件容器本身。
确认可绑定事件的元素层级
打开动态组件编辑页,确保你要设置跳转的元素(比如“立即购买”按钮)是独立图层,未被嵌套在不可交互的群组或蒙版中。如果该按钮被包裹在群组里,右键→【取消组合】或直接选中按钮本身——【只有独立选中的可点击元素才能添加跳转事件】。
若误选了动态组件外框,右侧事件面板中将不会出现“跳转页面”选项,只会显示“切换组件状态”或“显示/隐藏”。这是最常见的失败原因。
为动态组件内的按钮添加跳转事件
方法一:直接在动态组件编辑状态下操作
① 双击进入动态组件编辑页 → 用鼠标单击目标按钮(如“查看详情”)→ 右侧面板切换到【交互】→ 点击【+ 添加事件】→ 触发方式选【单击时】→ 行为选【跳转页面】→ 在下拉列表中选择目标页面(如“商品详情页”)→ 勾选【重置滚动位置】(避免跳转后停留在旧页面底部)。
这一步必须在动态组件编辑页内完成,否则跳转逻辑不会随状态变化而生效。退出编辑页后,该按钮在所有状态中都保持相同跳转行为。
方法二:在主画布中对已实例化的动态组件绑定事件
选中画布上已插入的动态组件实例 → 右侧面板【交互】→ 【+ 添加事件】→ 触发方式【单击时】→ 行为【跳转页面】。此时跳转会作用于整个动态组件区域,但存在风险:【用户点击组件任意空白处也会触发跳转,体验不精准】。仅适用于全区域可点击的场景(如卡片式入口)。
验证跳转是否生效
点击顶部工具栏的【播放】按钮 → 在预览窗口中点击你设置的按钮 → 观察是否准确跳转至目标页面。若无反应,检查两点:一是目标页面是否存在于当前原型文件中(外部链接需选【跳转超链接】);二是按钮是否被上层透明遮罩覆盖——可按 Ctrl+Shift+H 临时隐藏所有图层,逐层排查遮挡关系。











