zuaa
/
vue-vben-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(hooks): 修改在使用useEcharts时, getInstance无法获取到最新的echarts实例的问题 (#2650)

This commit is contained in:
Lantz 2023-03-29 14:58:18 +08:00 committed by GitHub
parent 4c63b1abb7
commit 3a1ec7ac86
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/hooks/web/useECharts.ts
View File

@ -60,11 +60,12 @@ export function useECharts(
function setOptions(options: EChartsOption, clear = true) { function setOptions(options: EChartsOption, clear = true) {
cacheOptions.value = options; cacheOptions.value = options;
return new Promise((resolve) => {
if (unref(elRef)?.offsetHeight === 0) { if (unref(elRef)?.offsetHeight === 0) {
useTimeoutFn(() => { useTimeoutFn(() => {
setOptions(unref(getOptions)); setOptions(unref(getOptions));
resolve(null);
}, 30); }, 30);
return;
} }
nextTick(() => { nextTick(() => {
useTimeoutFn(() => { useTimeoutFn(() => {
@ -76,8 +77,10 @@ export function useECharts(
clear && chartInstance?.clear(); clear && chartInstance?.clear();
chartInstance?.setOption(unref(getOptions)); chartInstance?.setOption(unref(getOptions));
resolve(null);
}, 30); }, 30);
}); });
});
} }
function resize() { function resize() {