fix(嵌入式): 嵌入式场景下仪表板切换到移动端无法正常显示

This commit is contained in:
dataeaseShu 2024-05-08 15:11:54 +08:00
parent bef316e1f0
commit 8d2fe2c09c

View File

@ -89,7 +89,10 @@ const hanedleMessage = event => {
} }
} }
onBeforeMount(() => { let p = null
const XpackLoaded = () => p(true)
onBeforeMount(async () => {
await new Promise(r => (p = r))
window.top.postMessage({ type: 'panelInit', value: true }, '*') window.top.postMessage({ type: 'panelInit', value: true }, '*')
window.addEventListener('message', hanedleMessage) window.addEventListener('message', hanedleMessage)
useEmitt({ useEmitt({
@ -106,6 +109,7 @@ const mobileStatusChange = (type, value) => {
eventBus.emit('removeMatrixItemById-canvas-main', value) eventBus.emit('removeMatrixItemById-canvas-main', value)
} }
} }
onBeforeUnmount(() => { onBeforeUnmount(() => {
window.removeEventListener('message', hanedleMessage) window.removeEventListener('message', hanedleMessage)
}) })
@ -115,6 +119,11 @@ onBeforeUnmount(() => {
<div class="panel-mobile"> <div class="panel-mobile">
<de-preview-mobile v-if="panelInit"></de-preview-mobile> <de-preview-mobile v-if="panelInit"></de-preview-mobile>
</div> </div>
<XpackComponent
jsname="L2NvbXBvbmVudC9lbWJlZGRlZC1pZnJhbWUvTmV3V2luZG93SGFuZGxlcg=="
@loaded="XpackLoaded"
@load-fail="XpackLoaded"
/>
</template> </template>
<style lang="less" scoped> <style lang="less" scoped>