echarts 自动适配宽度 echarts 自动适配宽度一.要有一个防抖函数/** * 函数防抖 * @param {Function} func 包装的函数 * @param {num} delay 延迟时间 * @param {boolean} immediate 第一次滚动会执行两次 开始滚动和结束滚动的时候 * @return {*} */ export function debounce(func, delay, immediate = false) { let timer const context = this return (...args) => { if (immediate) { func.apply(context, args) immediate = false return } clearTimeout(timer) timer = setTimeout(() => { func.apply(context, args) }, delay) } } 二.直接调用 chart.value = echarts.init(echart.value /* 'macarons' */) onMounted(async() => { await nextTick() window.addEventListener('resize', resizeHandler) }) onUnmounted(() => { if (!chart.value) { return } chart.value.dispose() chart.value = null window.removeEventListener('resize', resizeHandler) }) const resizeHandler = debounce(() => { if (chart.value) { chart.value.resize() } }, 200)

vue3如果使用Router的query传参,接参 vue3如果使用Router的query传参,接参传参,很正常就需要加一个query即可const router = useRouter() const apiToPerson = () => { router.push({ name: 'person', query: { type: 'api' }}) } 接参,要使用useRouteonMounted((options) => { const route = useRoute() console.log(route.query) })