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
  },
}
相关推荐
忆挽篱笙歌20 分钟前
进程替换函数与shenll命令行解释器
前端·javascript·算法
小冯不疯41 分钟前
688 / 拼多多 / 淘特三类供货链路:从采购单到应付凭证的 4 段对账
javascript
moshuying1 小时前
DeppInfer系列之 - 矩阵、注意力与 GPU:拆解 DeepGEMM 与 FlashMLA
前端·javascript·面试
Jack N2 小时前
【Strapi 系列之五】前端怎么接?Next.js + Tailwind 拉取 Strapi 数据(含代码)
开发语言·前端·javascript·strapi
weedsfly2 小时前
React 不可变数据:为什么页面“明明数据变了却不更新
前端·javascript·react.js
Gizzap_Tech2 小时前
双语内容审阅台怎么做?用内容指纹保留核验记录
javascript
随风一样自由3 小时前
【React+TS71007】Next.js “use client” 误用导致 TS71007:客户端/服务端引入问题的完整排查与修复
前端·javascript·react.js
林恒smileZAZ5 小时前
用 Vue 3 + Electron 做桌宠:从启动退出到拖拽、单击与鼠标穿透
vue.js·electron·计算机外设
软件技术NINI6 小时前
基于JavaWeb 汽车租聘
java·vue.js·spring boot·后端·python·毕业设计·毕设
2301_322414280413 小时前
基于SpringBoot+Vue的休闲零食超市管理系统的设计与实现59004-计算机毕设 原创(免费领源码+部署教程+开发环境)
java·vue.js·spring boot·redis·mysql·决策树·推荐算法