本文用示例介绍vue-element-admin的用法。
原创
2022-07-03 00:51:45
912阅读
一. vue-antd-admin简介Vue Antd Admin是Ant Design Pro 的 Vue 实现版本, 是开箱即用的中后台前端/设计解决方案.技术栈基于 ES2015+、Vue、Antd你的本地环境需要安装npm、node 和 git二. git拉取vue-antd-admingit clone https://gitee.com/iczer/vue-antd-admin.git
继承 Ant Design 专业美观的优点，支持PC/手机/平板的响应式布局的优秀后台管理系统 UI 框架。关于 Artiely Vue AdminAnt Design 是阿里巴巴蚂蚁金服团队出品的前端 UI 组件库，背靠大厂、设计优美，是一个 React 实现的主要用于中后台管理系统的 UI 框架，同时为不同技术路线的前端开发者提供了 Angular 和 Vue 的实现。Ant D
vue-antd-admin——实现全网站选项的切换并实现页面的刷新场景效果图1.`AdminHeader.vue`组件添加`内外贸选项的切换`1.1 `template`中的相关代码如下：1.2 `data`中添加`dataTypeList`参数1.3 从vuex中引入`mapState`和`mapMutations`1.4 在computed中获取mapState中的type，从mapMut
接口请求： 安装：npm install axios --save main.js配置 import axios from 'axios'; import qs from 'qs'; Vue.prototype.$axios=axios; Vue.prototype.qs=qs; axios.def
原创
2022-09-20 12:03:41
97阅读
vue2.x 适合使用 main.js如下： import 'ant-design-vue/dist/antd.css'; import { message } from 'ant-design-vue'; Vue.prototype.$message = message; Vue.use(Antd
原创
2022-09-20 12:02:40
168阅读
什么是antd？antd是蚂蚁集团旗下开发的一款优秀的前端UI框架，目前这个框架支持Vue和React。这个框架主要用于开发企业级的后台产品，如果想开发移动端应用的话可以选择Ionic。选择合适的官方文档在antd vue官网上选择2.x的antd，因为这个版本对应的是vue3的。使用步骤在已有的antd项目中安装antd。npm i --save ant-design-vue@next在入口文件中引入antd以及antd.css，并挂载到vue身上。import Ant
原创
2022-02-25 11:18:47
1575阅读
vue是一个JavaMVVM库，是一套用于构建用户界面的渐进式框架，是初创项目的首选前端框架。它是以数据驱动和组件化的思想构建的，采用自底向上增量开发的设计。它是轻量级的，它有很多独立的功能或库，我们会根据我们的项目来选用vue的一些功能。它提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。一、安装vue1、安装node.js，安装完node.js之后，npm也会自动安
看API中this.$confirm弹窗使用不对 讲的也不明确，在此记录下正确的用法 this.$confirm("确认删除文件？",{ type:'error'}).then(()=>{ console.log("确认操作"); }).catch(()=>{ console.log("取消操作") ...
转载
2021-10-13 17:02:00
3671阅读
2评论
main.jsimport { createApp } from 'vue'import 'element-plus/dist/index.css'import './style/element_visiable.scss'import ElementPlus from 'element-plus'import zhCn from 'element-plus/es/locale/lang/zh-c
原创
2021-12-28 17:54:12
1674阅读
文档结构 ├── mock # 项目mock 模拟数据 │ │── index.js # 模拟数据入口 │ │── utils.js # 公用方法 │ └── test.js # 测试模板 示例 ├── src # 源代码 │ ├── api # 所有请求 │ │ ├── test.js # 测试某 ...
转载
2021-10-27 18:40:00
866阅读
2评论
1.下载vue-admin-template：vue-admin-template: vue-admin-template vue轻量级后台管理系统基础模板 在线预览 相关依赖
原创
2023-06-05 13:55:51
118阅读
在开发后台管理系统中，经常会碰到合计行的需求，element有直接的属性可以使用，antdvue的需要手动去生成 如图为实现合计后的效果 1。首先给table配置column的时候，要明确哪些字段需要使用合计，如上图，只有总板数需要使用合计，那给总板数的配置加上标识符 即可,我这里为了方便辨识，直接增加了 su
vue3-admin-design是一个基于vue3 + ant-design-vue的后台管理系统的解决方案，它使用了最新的前端技术栈，并且提供了丰富的功能组件模块，可以帮助你快速搭建企业级中后台的前端架构。正常模式暗黑模式特性技术栈：使用 Vue3、Vite5、AntD、Pinia、TSX 等前端前沿技术开发主题：可配置的主题色国际化：内置完善的国际化方案Mock 数据： 内置 Mock 数据
效果图： <template> <div> <a-button class="editable-add-btn" @click="handleAdd"> Add </a-button> <div> <a-table :columns="columns" :data-source="data" bor
原创
2022-09-20 12:02:32
798阅读
先说下效果： 代码： <template> <div> <a-card title="form-data" :bordered="true" style="width: 40%"> <div> <a-form ref="form" layout="inline" :model="form" > <d
原创
2022-09-20 12:02:51
700阅读
1. 路由登陆后跳转到主页： router/index.js 配置 // Avoided redundant navigation to current location const originalPush = Router.prototype.push Router.prototype.push
原创
2022-09-20 11:59:40
248阅读
<template> <a-table :columns="columns" :data-source="data" :scroll="{ x: 1300,y:1500}" class="tb_list" ref="table" :pagination="{ current: table.pageN
原创
2022-09-20 12:02:45
16阅读
初次使用 vue-element-admin 进行项目的编写，本人也是才疏学浅踩了很多的坑，特此记录一下更改了哪些配置，方便下一次的使用。 URL的配置 这里涉及到的是 .env.development 文件 和 .env.production 文件 将这两个文件的 VUE_APP_BASE_API ...
转载
2021-08-04 11:01:00
760阅读
2评论
在开发过程中，使用现成的模板可以显著加快项目的开发速度，同时提高整体的用户体验。Vue Admin Template是一个非常流行的管理后台模板，它基于Vue.js开发，提供了丰富的UI组件和功能，可以帮助开发者快速搭建一个功能完善的管理后台系统。
下面我将为你介绍如何使用Vue Admin Template来创建一个管理后台系统。首先，我们来看看整个流程：
| 步骤 | 内容 |
| ---
