Geeker-Admin 一款基于 Vue3.3、TypeScript、Vite5、Pinia、Element-Plus 开源的后台管理框架,使用目前最新技术栈开发。项目提供强大的 ProTable 组件,在一定程度上提高您的开发效率。 另外本项目还封装了一些常用组件、Hooks、指令、动态路由、按钮级别权限控制等功能。 项目功能 🔨 使用Vue3.3 + TypeScript 开发,单...
npm install vue-router@4 2.创建文件 src文件里面创建router文件夹,router文件夹里面创建index.js文件,index.js文件内容如下 import { createRouter, createWebHashHistory } from 'vue-router'const HelloWorld= () => import ('../views/HelloWorld.vue') const AboutDemo= () => import ('../views/Abou...
在vue中,深度选择器>>>,/deep/和::v-deep都是>>>的别名,在scss中不识别/deep/, 可以使用::v-deep 图标用法 # NPM $ npm install @element-plus/icons-vue // main.ts // if you're using CDN, please remove this line. import * as ElementPlusIconsVue from '@element-plus/icons-vue' ...
Vue3 + ElementPlus + Vite 重构 若依Vue2 表单构建功能 若依官方的Vue3 版本发布已经有段时间了,就是这个表单构建功能一直没有安排计划去适配到Vue3! 前段时间公司需要做个类似的功能,就直接借鉴若依Vue2的来直接改了 吐槽下:vuedraggable-vue3 坑真多,官方文档一言难尽,现在不推荐使用; vuedraggable-vue3官方...
Element Plus是为了适配 Vue 3 对 Element UI 进行的重构。Vue 3.0 的这次大版本升级,对于第三方组件库来说是一件好事,那些已经修修补补无数次,还无法彻底解决的问题,在这次面向 Vue 3.0 重构时,一次性全部解决。 Ant Design Vue1.x 仅支持 Vue 2 ,2.x 是为了 Vue 3 开发的兼容版,并没有任何新特性,大...
{ computed, inject, ref } from "vue"; import { handleProp } from "@/utils/util"; import { ColumnProps } from "@/components/ProTable/interface"; interface SearchFormItem { column: ColumnProps; searchParam: { [key: string]: any }; } const props = defineProps<SearchFormItem>(); //...
element-plus^2.6.2 Ant Design react^18.2.0 react-dom^18.2.0 antd^4.21.7 使用Element 组件库:安装 Vue2 和 Element npm install vue@2.6.0 element-ui 使用Element Plus 组件库:安装 Vue3 和 Element plus npm install vue@3.2.36 element-plus ...
TodoAdmin-Vue版:是一个集成管理后台端模板解决方案,项目采用TS(TypeScript)脚本语言,基于Vue 3.2+/Vue-cli 5.0+/Vue-router 4.0+、Axios0.2.7、Element-plus 2.2+、Pinia 2.0+、ECharts 5.3.2以及Mockjs等搭建,项目是以Composition api风格编写,采用远程API接口和本地Mock双接口模式加载数据。
一、Vue CLI 1. Vue CLI概述 2. Vue CLI安装 3. 使用Vue CLI构建项目 4. 组件化开发 5. Vue CLI项目运行流程 二、Element UI 1. Element UI概述 2. Element UI安装和配置 3. 树形控件 一、Vue CLI 1. Vue CLI概述 Vue CLI是基于Vue.js的应用开发提供的一个标准的脚手架工具,为应用搭建基础的框架...
vue3+vite+element-plus(二)- 使用 vue-router 接口获取路由结构 安装依赖 npm i vue-router 有时候我们需要从接口获取路由树结构,使用addRouter动态生成路由配置。 我们先创建一个静态文件,模拟接口返回的路由树结构。 新建文件src/router/config.ts // src/router/config.ts...