Vue中使用el-dialog集成echarts

Posted 2023-02-28

参考技术A 原因分析：
弹出层 的内容是懒渲染的，即在第一次被打开之前，传入的默认 slot 不会被渲染到 DOM 上。
弹出层组件会监听 visible 的状态，当状态为 true 时，立刻触发 open 事件，但这个时候 弹出层 的内容还没有渲染。因为 Vue 组件通过 $emit 触发的事件并不是异步执行的，而是同步执行。

Vue——每次弹出el-dialog，都会执行mounted

参考技术A 在Vue开发中，有时需要我在同一个页面或列表中，多次加载同一个组件，但问题来了。（例如使用：新增、编辑、详情，使用弹框组件时）
该组件只在页面加载中，加载一次，后面不会再加载了，如el-dialog,解决办法如下，在el-dialog外再加一层div.

div中以v-if来控制组件el-dialog的出现与否,每次弹出el-dialog，都会执行mounted,而不加div,只会执行一次。