首页 > 其他分享 >Arco Pro + Vite + vue3 + ts 动态引入组件

Arco Pro + Vite + vue3 + ts 动态引入组件

时间:2022-09-30 17:26:19浏览次数:56  
标签:Pro ts 引入 报错 vue3 组件 动态

有个需求是在组件中动态导入组件,  但vite自身对动态字符串形式的组件引入是有限制的, 以下写法会报错

 

 

 官方文档中也对此有做说明

 

 

 改为以下形式就不会报错, 但这局限性太大了

于是考虑了在外部定义对象, 现将组件引入到外部对象中, 再引用这个对象, TS使用映射来处理

 

 这样就能在组件中通过提供对象上对应的属性, 来导入需要使用的组件

 

 

 

 不过这种方法需要自己在外部组件中逐个添加要引入的组件,但对组件得路径和名称都没有限制,不知道有没有更便捷的方法, 萌新一枚

 

标签:Pro,ts,引入,报错,vue3,组件,动态
From: https://www.cnblogs.com/wazosky/p/16745563.html

相关文章

  • Vue3 + React18 + TS4 入门到实战
    前端项目开发,基本绕不开Vue+TS或React+TS,因此,这已经成为前端开发工程师日常需掌握的三大热门技术。本课程针对真正的初级前端同学而设,带大家系统地掌握3者目前新版......
  • 如何通过secrets保存敏感的数据?并且在service中使用?
    什么是secrets? 前面的部分,你已经看到了config的使用方式,config中,存放的是明文的内容,以文件的方式挂载到容器中,今天的说的secret存放的是敏感的数据,比如,证书,key等 主......
  • Ethical and Professional Standards 10
    R59:IntroductiontotheGlobalInvestmentPerformanceStandards(GIPS):全球投资业绩披露标准(GIPS)的介绍Ⅰ、WhyWeretheGIPSCreated,WhoCanClaimCompliance&......
  • 前端Promise--Day40
    Promise:Promise是ES6的新技术,用于处理异步编程。(旧方案使用回调函数)从语法上来说,Promise是构造函数。从功能上来说,promise对象用来封装一个异步操作,且可以获取其成功和失......
  • Adobe Premiere Pro 2022中文直装版(视频编辑处理软件)
    AdobePremierePro是由Adobe公司全新推出的一款视频编辑处理软件,软件拥有多种创意工具,能够与其他Adobe应用程序和服务的紧密集成,配合AdobeSensei的强大功能,可以通过顺畅的......
  • 【面试题】888- Vue3.0 高频出现的几道面试题
    1.Vue3.0性能提升主要是通过哪几方面体现的?1.响应式系统提升vue2在初始化的时候,对data中的每个属性使用definepropery调用getter和setter使之变为响应式对象。如果属性值......
  • Vue3 从入门到入土(TypeScript接口)
    前言在上一章,我们就写过简单的接口,本章更深入的了解接口接口是对象的状态(属性)和行为(方法)的抽象(描述)接口以例子来了解,我们有这样的需求定义一个对象存放用......
  • protobufjs 哪个版本最好用 : V6.7.0
    protobufjs哪个版本最好用:V6.7.0......
  • 在 nginx 中配置 HSTS 并禁用 TLS 1.0、1.1
    可以使用以下地址工具按需生成nginx配置https://ssl-config.mozilla.org/#server=nginxHSTS的配置为:#HSTS(ngx_http_headers_moduleisrequired)(63072000seco......
  • 【Mysql】Host is blocked because of many connection errors;unblock with 'mysqlad
    错误原因:同一个ip在短时间内产生太多(超过mysql数据库max_connection_errors的最大值)中断的数据库连接而导致的阻塞;解决方式:连接mysql,刷新记录报错host的文件mysql>flushho......