ediq 2022-09-29 15:50 采纳率: 33.3%
浏览 97
已结题

使用unplugin-vue-components/vite全局挂载组件,如何设置相同格式的组件名?

vite+vue3,使用vite+vue3,使用unplugin-vue-components/vite全局挂载组件遇到的问题。
生成components.d.ts文件,目前的内容是:declare module '@vue/runtime-core' {

export interface GlobalComponents {
Affix: typeof import('./../src/components/affix/src/affix.vue')['default']
Arrow: typeof import('./../src/components/popper/src/arrow.vue')['default']
Autocomplete: typeof import('./../src/components/autocomplete/src/autocomplete.vue')['default']
Avatar: typeof import('./../src/components/avatar/src/avatar.vue')['default']
Backtop: typeof import('./../src/components/backtop/src/backtop.vue')['default']
}
}

当前 unplugin-vue-components/vite全局挂载组件的组件名是以.vue文件名生成的,组件名与.vue文件名一致
如何设置可以将所有的组件名以xx开头,例如:el-affix,el-button等
  • 写回答

3条回答 默认 最新

  • MAXLZ 2022-09-29 18:11
    关注

    好像不能使用componentexportname属性,只能使用文件名。如果统一加前缀,可以这样做:

    Components({
          resolvers: [
            AntDesignVueResolver(),
            (componentName) => {
              // P是你的前缀
              if (componentName.startsWith('P')) {
                const name = componentName.slice(1)
                // 返回原始组件路径
                return path.resolve(`src/components/${name}/src/${name}.vue`)
              }
            },
          ],
        })
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 10月14日
  • 已采纳回答 10月6日
  • 赞助了问题酬金15元 9月29日
  • 创建了问题 9月29日

悬赏问题

  • ¥15 如何使用chatgpt完成文本分类任务?
  • ¥15 已知速度v关于位置s的等式,怎么转化为已知位置求速度v的等式
  • ¥15 我有个餐饮系统,用wampserver把环境配置好了,但是后端的网页却进去,是为什么,能不能帮远程一下?
  • ¥15 R运行没有名称为"species"的插槽对于此对象类"SDMmodelCV"
  • ¥20 基于决策树的数字信号处理,2ask 2psk 2fsk的代码,检查下报错的原因
  • ¥15 wincc已组态的变量过多
  • ¥60 如图:直线与椭圆X轴平行,求直线与椭圆任意一点的相切坐标计算公式
  • ¥50 如何用python使用opencv里的cv::cudacodec::VideoWriter函数对视频进行GPU硬编码
  • ¥100 c#solidworks 二次开发 工程图自动标边线法兰 等折弯尺寸怎么标
  • ¥15 halcon DrawRegion 提示错误