首页 > 其他分享 >vue使用Element-plus创建个性按钮

vue使用Element-plus创建个性按钮

时间:2024-08-02 15:28:00浏览次数:10  
标签:vue Element unplugin plus ElementPlusResolver import vite

  1. npm install element-plus --save
    下载element-plus
    2.npm install -D unplugin-vue-components unplugin-auto-import
    导入方式:自动导入 不需要安装插件
    3.配置文件
    将:
    import AutoImport from 'unplugin-auto-import/vite'
    import Components from 'unplugin-vue-components/vite'
    import {ElementPlusResolver } from 'unplugin-vue-components/resolvers'
    插如到vite.config.ts中
    AutoImport({
    resolvers: [ElementPlusResolver()],
    }),
    Components({
    resolvers: [ElementPlusResolver()]
    })

    4.验证是否导入
    将按钮代码随意插入任意界面
    Primary
    Success
    info

标签:vue,Element,unplugin,plus,ElementPlusResolver,import,vite
From: https://www.cnblogs.com/zhishizongjie/p/18338862

相关文章