vue2.x+elementui
文章平均质量分 76
此处不留情
孤独但不将就,想念也别回头
展开
-
vue2和vue3去掉地址栏里的#号
vue3去掉地址栏里的# 只需要将原来默认的createWebhashHistory 改为createWebHistory即可.import { createRouter, createWebHistory } from 'vue-router'import login from '../views/login.vue'import home from '../views/Home.vue'const routes = [ { path: '/', name: 'home',原创 2021-07-05 18:03:36 · 12086 阅读 · 6 评论 -
vue2.x+elementui2.x构建后台报表管理系统-主页界面的实现
一、页面主体框架构造整体页面采用elementui的Container 布局容器,左侧导航栏采用elementui的NavMenu 导航菜单, 右侧主体界面采用elementui多Tabs 标签页展示, 顶栏容器的话使用我们自己编写的vue组件。实现功能:1.导航栏收缩功能2.点击左侧导航栏右侧出现对呀tabs标签页3.tabs标签页删除跳转到前一个页面4最后一个tabs标签页不可删除实现效果:二、代码Adminindex.vue(主体框架)<template>&l原创 2021-09-15 17:48:15 · 2392 阅读 · 0 评论 -
vue2.x+elementui2.x构建后台管理系统-登陆界面的实现
一、登陆界面登陆界面使用elementui加vue实现原创 2021-09-10 14:11:14 · 950 阅读 · 1 评论 -
vue2.x+elementui2.x构建后台管理系统-vue初始项目的安装配置及elementui的引入
一、vue2.x的安装及初始配置想要使用vue框架创建一个vue项目我们有很多办法,比如引入vue.js,比如安装vue脚手架,比如vue3的vite安装,比如在vue3的UI界面直接创建vue项目,由于我们这里是vue2版本,没有UI界面,也没有vite工具,所以我们选择用vue2的脚手架创建vue项目。安装node.js 这样我们可以使用npm工具来安装vue脚手架安装node.js说明脚手架安装好之后就可以用npm 全局安装vue脚手架了。创建命令如下: npm install -g vu原创 2021-09-05 11:32:00 · 721 阅读 · 0 评论