简介: Vue3 封装 element-plus 图标选择器 一、实现效果 效果一: 效果二: 效果一的这个是把全部的icon图标都让它显示出来,让我们自己选择说选图标 二、效果一实现步骤 2.1. 全局注册 icon 组件 // main.ts import App from './App.vue'; import { createApp } from 'vue'; import * as ElementPlus...
nav-menu组件,侧边菜单组件代码 <template><el-menudefault-active="2"class="el-menu-vertical-demo":collapse="props.collpase"><el-menu-itemindex="1"><el-icon-menu/><template#title>图标选择器</template></el-menu-item><el-menu-itemindex="2"><el-icon-aim/><template#title>省市区组件</te...
3年前 vite.config.ts 添加图标按钮 3年前 README MulanPSL-2.0 vue3.0+element-plus 介绍 预览地址: vue3.0+element-plus 介绍 基于vue3.0和element-plus的后台管理模板,并对element-plus二次封装 预览地址: http://devincp.gitee.io/vue3-element-plus Star 36 Fork 6 捐赠 0 人次 简介...
element-plus: Vue生态流行组件库 课程亮点 难度上循序渐进,没有封装经验一样看懂 案例更贴合实际,具体业务可直接复用 基础组件 1、伸缩菜单 2、省市区联动组件 3、图标选择器 4、时间选择框联动 5、通知菜单组件 6、趋势标记组件 7、弹框扩展 8、城市选择组件 ...
TDatePicker, // 日期选择器 TRadio, // 单选 TCheckbox, // 多选 TChart, // 图表 TTabs // 标签页 Use CDN in Project(暂不支持) <!-- Import style --><!-- Import Vue 3 --><!-- Import component library --> t-ui-plus Volar 组件类型提示 // 需要在使用的项目的tsconfig.json文件中...
基于Vue3+Vite+TS二次封装element-plus业务组件课程是一门教授如何使用Vue3、Vite和TypeScript来构建业务组件的课程。在这门课程中,学员将学习如何使用Vue3的新特性和功能,以及如何使用Vite作为构建工具和开发服务器。此外,课程还会教授如何使用TypeScript来提供类型检查和更好的开发体验。
2-1 搭建vite项目并配置路由和element-plus (09:17) 2-2 全局注册图标 (07:43) 2-3 伸缩菜单-完成伸缩菜单基本功能 (10:55) 2-4 伸缩菜单-抽离头部和侧边栏组件并完善伸缩菜单 (08:22) 2-5 图标选择器-巧用两次watch控制弹框的显示与隐藏 (16:55) ...
<template #title>图标选择器</template> </el-menu-item> <el-menu-item index="2"> <el-icon-aim /> <template #title>省市区组件</template> </el-menu-item> <el-menu-item index="3"> <el-icon-star /> <template #title>待定</template> ...
简介:Vue3 封装 element-plus 图标选择器 一、实现效果 效果一: 效果二: 效果一的这个是把全部的icon图标都让它显示出来,让我们自己选择说选图标 二、效果一实现步骤 2.1. 全局注册 icon 组件 // main.tsimport App from './App.vue';import { createApp } from 'vue';import * as ElementPlusIconsVue...
element-plus/es/locale/lang/zh-cn";// element-plus图标import*asElementPlusIconsVuefrom"@element-plus/icons-vue";importTuiPlusfrom'@wocwin/t-ui-plus'import'@wocwin/t-ui-plus/lib/style.css'constapp = createApp(App)// 注册所有图标for(const[key, component]ofObject.entries(ElementPlusIcons...