vue3.0 如何获取echart容器id

在Vue3.0中获取ECharts容器的id可以通过如下步骤：

1. 通过ref属性获取到ECharts容器的实例
2. 使用$el属性获取到实例对应的DOM元素
3. 使用getAttribute方法获取到该DOM元素的id值

下面是一段示例代码：

<template>
  <div ref="echartsWrapper" id="echartsContainer"></div>
</template>

<script>
import echarts from 'echarts'

export default {
  mounted() {
    // 获取ECharts容器的id
    const echartsWrapper = this.$refs.echartsWrapper
    const echartsContainerId = echartsWrapper.$el.getAttribute('id')
    console.log(echartsContainerId)

    // 初始化ECharts图表
    const myChart = echarts.init(echartsWrapper.$el)
    // ...
  }
}
</script>

上面的代码中，我们先通过ref属性获取到了ECharts容器元素，并在该元素上设置了id值为"echartsContainer"。然后在mounted钩子函数中，通过获取该元素的实例，并使用getAttribute方法获取到了该元素的id值，最后可以将该id值传递给ECharts实例的初始化函数中。