修复恢复1x按钮无法点击的问题
广告
{{v.name}}
📋 原始需求(task.md):
恢复1x按钮无法点击
恢复1x按钮无法点击
修复“恢复 1x”按钮始终处于禁用状态、无法点击的问题。原因是 zoomBase 在 Vue 的 setup() 中定义后,漏掉了在返回对象中暴露给模板,模板里 :disabled="!zoomBase" 取到的是 undefined,!undefined 恒为 true,按钮因此一直被禁用。
实现要点
- 问题定位:模板引用的 zoomBase 未在 setup() 返回对象中暴露,取值为 undefined
- :disabled="!zoomBase" 中 !undefined 恒为 true,按钮一直被禁用
- 修复:在 setup() 返回对象中补上 zoomBase,按钮即可正常启用
- 行为验证:滚轮缩放后(2x、4x 等)按钮可点击,点击恢复缩放前的区域;未缩放时保持禁用