在项目上使用到图表时,在配置了tooltip后移入还是不展示提示框,后面发现跟底层代码全等(===)有关系,且官方也是有出这个解决方案,使用toRaw包括图表实例进行拆箱
// 引入toRaw
import { toRaw, ref } from 'vue';
const option = {
xAxis: {
type: 'category',
boundaryGap: false,
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [
{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line',
areaStyle: {}
}
]
}
toRaw(图表实例).setOption(option);