dengzedong
2025-06-11 d6fb6076423a6d97da240804b0b43f30781b5fc2
建议快照 dom虚拟渲染导致chartDoms不更新的bug
已修改1个文件
12 ■■■■ 文件已修改
src/views/model/sche/suggest/suggestSnapshot.vue 12 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/model/sche/suggest/suggestSnapshot.vue
@@ -16,10 +16,10 @@
    </el-checkbox-group>
    <div
      v-for="(chart, index) in charts"
      v-for="chart in charts"
      :key="chart.id"
      class="chart-container"
      :ref="el => chartDoms[index] = el"
      :ref="el => chartDoms[chart.id] = el"
      v-loading="loading"
    ></div>
  </el-dialog>
@@ -34,8 +34,8 @@
  const visible = ref(false)
  const dataList = ref([])
  const selectedData = ref([])
  const charts = ref([])
  const chartDoms = ref([])
  const charts = ref()
  const chartDoms = ref({})
  const chartInstances = ref([])
  const loading = ref(false)
@@ -106,10 +106,10 @@
  /** 渲染图表 */
  const renderCharts = () => {
    chartInstances.value = chartDoms.value.map((dom, index) => {
    chartInstances.value = charts.value.map((chartInfo, index) => {
      const dom = chartDoms.value[chartInfo.id]
      if (!dom) return null
      const chart = echarts.init(dom)
      const chartInfo = charts.value[index]
      if (!chartInfo) return chart