内容修改

whychdw

2024-05-27 a8249468224c63656ae15a407de6f8aa198fb0a0

内容修改

 src/typings/auto-imports.d.ts

New file
@@ -0,0 +1,9 @@
/* eslint-disable */
/* prettier-ignore */
// @ts-nocheck
// noinspection JSUnusedGlobalSymbols
// Generated by unplugin-auto-import
export {}
declare global {

}

 src/typings/components.d.ts

New file
@@ -0,0 +1,19 @@
/* eslint-disable */
// @ts-nocheck
// Generated by unplugin-vue-components
// Read more: https://github.com/vuejs/core/pull/3399
export {}

/* prettier-ignore */
declare module 'vue' {
  export interface GlobalComponents {
    ElButton: typeof import('element-plus/es')['ElButton']
    ElIcon: typeof import('element-plus/es')['ElIcon']
    ElIconEdit: typeof import('@element-plus/icons-vue')['Edit']
    ElIconPlus: typeof import('@element-plus/icons-vue')['Plus']
    ElTable: typeof import('element-plus/es')['ElTable']
    ElTag: typeof import('element-plus/es')['ElTag']
    RouterLink: typeof import('vue-router')['RouterLink']
    RouterView: typeof import('vue-router')['RouterView']
  }
}

 src/views/home-page/index.vue

@@ -1,12 +1,19 @@
<script setup lang="ts">
import {ref} from "vue";

const edit = ref('plus');
</script>

<template>
    <el-button type="primary">123</el-button>
    <el-tag>123</el-tag>
    <el-table></el-table>
  <el-icon><CirclePlus /></el-icon>
  <el-icon>
    <component :is="edit"></component>
  </el-icon>
  <el-icon>
    <component :is="edit"></component>
  </el-icon>
</template>

<style scoped>

 vite.config.ts

@@ -16,9 +16,12 @@
        resolvers: [
          ElementPlusResolver(),
          // 自动导入图标组件
          IconsResolver({}),
          IconsResolver({
            prefix: 'el-icon-',
          }),
        ],
        dts: false
        // dts: false,
        dts: "src/typings/auto-imports.d.ts",
      }),
      Components({
        resolvers: [
@@ -29,7 +32,8 @@
            enabledCollections: ["ep"],
          }),
        ],
        dts: false
        // dts: false,
        dts: "src/typings/components.d.ts",
      }),
      Icons({
        // 自动安装图标库