添加拆箱方法:
const unwarp = (obj) => obj && (obj.__v_raw || obj.valueOf() || obj);
对调用对象进行拆箱后再调用:
unwarp(this.chart).setOption(this.getOption());
最终代码
<div id="app">
<div id="chart-demo"></div>
</div>
<script>
import { createApp } from 'vue';
import * as echarts from "echarts";
const unwarp = (obj) => obj && (obj.__v_raw || obj.valueOf() || obj);
createApp({
data(){
return {
chart:null
}
},
mounted{
let dom = document.getElementById("chart-demo");
this.chart = echarts.init(dom);
unwarp(this.chart).setOption(this.getOption());
},
methods:{
getOption(){
return {
tooltip:{
type:"axis"
},
xAxis: {
type: 'category',
data: ['1122', '1209', '1230']
},
yAxis: {
type: 'value'
},
series: [{
data: [10, 98, 32],
type: 'line'
}]
};
}
}
}).mount("#app");
</script>