zouyaoji / vue-cesium

🎉 Vue 3.x components for CesiumJS.
https://zouyaoji.top/vue-cesium
MIT License
1.43k stars 312 forks source link

[Bug Report] 量算组件放在pop层中行为异常 #549

Closed MangMax closed 2 months ago

MangMax commented 2 months ago

VueCesium version

3.2.7

OS/Browsers version

win11

Vue version

3.4.25

Cesium version

1.116.0

Reproduction Link

https://codepen.io/1061875478/pen/yLrZOZO recording

Steps to reproduce

将量算组件放入popover中,具体想要实现的效果是一个图标,鼠标悬浮有文字提示,点击会出现量算功能图标,每个量算功能鼠标悬浮也有文字提示

What is Expected?

绘制完成后,点击其他元素,绘制的结果没影响

What is actually happening?

绘制完成后,点击其他元素或者pop消失,绘制结果消失

zouyaoji commented 2 months ago

你不要把vc-measurements放n-popover中呗,很明显点击其他区域n-popover被销毁了,如果vc-measurements是n-popover的子组件也会跟着销毁了。

解决办法就是把vc-measurements放到外面去,然后 #body 插槽啥也不放。n-popover下面你另外弄按钮,在按钮的事件去,然后用vc-measurements的模板引用去调用相关量算方法咯。

MangMax commented 2 months ago

ok,可以了,谢谢