最开始使用的是id的方法获取dom节点,挂载echarts。现在试一下ref获取dom节点,可以成功显示出来
代码:
<template>
<div class="chartSection" ref="chart1">曲线图</div>
</template>
<script>
// 先引入echarts
import * as echarts from "echarts";
// vue3 引入对应功能
import { onMounted, ref } from "vue";
export default {
setup() {
// 声明chart1,使用ref赋值null
const chart1 = ref(null);
// 声明echarts函数
const chart = () => {
// 解决echarts在vue中切换到其他页面再返回来就不显示的问题
chart1.value.setAttribute("_echarts_instance_", "");
// 这里使用chart1.value的形式获取到dom节点
let myChart = echarts.init(chart1.value);
// 绘制图表
myC