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
  },
}
相关推荐
武昌库里写JAVA8 分钟前
微擎服务器配置要求,微擎云主机多少钱一年?
java·vue.js·spring boot·后端·sql
dy171717 分钟前
el-table表头上下显示内容
javascript·vue.js·elementui
亮子AI1 小时前
给你的应用加上Google账号登录
javascript
努力往上爬de蜗牛1 小时前
react native 实现选择图片或者拍照上传(多张)
javascript·react native·react.js
谢尔登1 小时前
【React】React组件的渲染过程分为哪几个阶段?
前端·javascript·react.js
q***72562 小时前
Spring Boot + Vue 全栈开发实战指南
vue.js·spring boot·后端
lcc1872 小时前
Vue Vue与VueComponent的关系
前端·vue.js
无敌最俊朗@2 小时前
Vue 3 概况
前端·javascript·vue.js
游九尘2 小时前
Element UI 2.x 校验数组每个对象中的name不能为空
vue.js
拉不动的猪3 小时前
一文搞懂:localhost和局域网 IP 的核心区别与使用场景
前端·javascript·面试