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
  },
}
相关推荐
bug总结4 分钟前
身份证号脱敏的正确实现
前端·javascript·vue.js
林太白20 分钟前
Vite8 Beta来了,Rolldown携手Oxc
前端·javascript·后端
xkxnq22 分钟前
第二阶段:Vue 组件化开发(第 19天)
前端·javascript·vue.js
CC码码2 小时前
不修改DOM的高亮黑科技,你可能还不知道
前端·javascript·面试
虚诚2 小时前
vue2中树形表格怎么实现
前端·javascript·vue.js·ecmascript·vue2·树形结构
哈__2 小时前
React Native 鸿蒙跨平台开发:下拉刷新功能
javascript·react native·react.js
没有鸡汤吃不下饭3 小时前
前端打包出一个项目(文件夹),怎么本地快速启一个服务运行
前端·javascript
CUYG3 小时前
v-model封装组件(定义 model 属性)
前端·vue.js