vue3 懒加载第三方组件
项目导入了tdesign的color-picker组件,为了减少每次加载时间,用到在加载,从手动导入改为懒加载
相关代码:
<TColorPicker v-model="item.color" @change="clickStyle" @palette-bar-change="paletteBarChange" borderless enableAlpha :recentColors="false" :swatch-colors="false" style="margin-top: -5px;" />import { defineAsyncComponent } from 'vue'const TColorPicker = defineAsyncComponent(() => import('tdesign-vue-next').then(module => {import('tdesign-vue-next/es/style/index.css');return module.ColorPicker;
}));export default {components: {TColorPicker},
}
