vue3 懒加载第三方组件

项目导入了tdesign的color-picker组件,为了减少每次加载时间,用到在加载,从手动导入改为懒加载

相关代码:

html 复制代码
<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
  },
}
相关推荐
宁风NF1 小时前
JavaScript:网络请求与前端通信
开发语言·前端·javascript·网络·学习·ecmascript
猫猫不是喵喵.1 小时前
Vue3 中 computed 计算属性与 watch、watchEffect 监听
前端·javascript·vue.js
En^_^Joy2 小时前
Vue项目创建与入口配置全攻略
前端·vue.js·arcgis
猫猫不是喵喵.2 小时前
Vue2 的 Vuex 状态管理与 Vue3 的 Pinia 状态管理
前端·javascript·vue.js
看昭奚恤哭3 小时前
Flutter 布局核心思想
开发语言·javascript·flutter
朝阳5814 小时前
Cesium `Camera.flyTo`:“飞过去“
javascript
宁风NF4 小时前
JavaScript:内存、垃圾回收、性能优化
开发语言·前端·javascript·学习·性能优化·es6
午安~婉5 小时前
挑战二:博客预览卡片
前端·javascript·html
其美杰布-富贵-李6 小时前
第 2 篇:搭建第一个 Three.js 项目
javascript·three.js
夏殇之殁16 小时前
包中创建自定义列表项。 . 使用自定义列表项进行数据绑定 . 将天气预报数据保存到本地内存表,通过LiveBindings进行显示。 ...
服务器·前端·javascript