话不多说，直接上展示 ↓
效果展示 由于element-ui官方还未提供对vue3.0项目的完整支持，因此该登录页设计基于vue2.0版本1、编译器我使用的是VSCode，小伙伴们也可以选择到WebStorm或者HBuilderX 该项目通过 vue-cli 脚手架搭建2、环境Vue 2.0Node3、依赖依赖版本vue2.6.14axios0.27.2element-ui2.15.9vue
转载
2024-07-29 20:22:31
72阅读
elementui-admin实现动态路由一：这里使用elementui-admin作为前端项目的架构 下载模板 并改造git地址：https://github.com/PanJiaChen/vue-admin-template下载下来之后就是改造成自己使用的 这个是admin-template建议模板 功能不多，如果开发需要可以从https://github.com/PanJiaChen/vue
转载
2024-03-05 11:50:41
533阅读
今天将介绍的是, 如果页面需要在后台执行很长时间怎么办, 通过 ResponseProgress由于精力有限, 不能在多个博客中保证文章的同步, 可在如下地址查看最新内容, 请谅解:http://code.google.com/p/zsharedcode/wiki/ResponseProgress请到 Download 下载资源 的 JQueryElement 示例下载一节下载示例代码, 目录 /
转载
2024-08-01 13:41:57
82阅读
1.开发需求在日常开发中，我们会遇到form表单的动态添加和校验，当我们需要在动态添加的内容中再次动态使用输入框的时候，就会变得很繁琐，我在网上找了很多案例，没有符合自己需求的内容，只好闲暇时间自己搞一下了...比如一下操作，在一个输入框中输入多个批号，然后提示多个批号有逗号分开。这种操作让用户操作起来就很不方便然后我就想到了，在element中，有一个动态添加tag的案例，于是就想着使用这个方式
转载
2024-07-25 21:29:29
582阅读
Vue-elementUI实现PC端商城购物车计算Vue-elementUI实现PC端商城购物车计算，最重要的就是【computed】里面的计算，用来算出勾选的商品的总价 文章目录Vue-elementUI实现PC端商城购物车计算前言一、实现效果二、使用步骤1.数据结构部分2.HTML部分3.部分CSS样式4.JS中的data5.JS中的method6.JS中的computed（计算最终勾选的价格
转载
2024-03-25 14:18:08
93阅读
插槽---可以理解成占位符。方便组件功能的扩展。 一个 slot 标签就是一个插槽，如果没有内容传入，则显示 slot 标签原有的内容，如果有内容插入，则显示插入的内容。vue的插槽，也就是slot，是组件的一块HTML模板，这块模板显示不显示、以及怎样显示由父组件来决定。匿名插槽（slot 不带 name 属性），看下面例子：先在main.js定义一个组件my_slot:Vue.com
转载
2024-03-16 12:00:26
746阅读
ElementUI简介 我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的, 所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件ElementUI官网：http://element-cn.eleme.io/#/zh-CN注1：类似前端框架还有iview 案例：<!DOCTYPE
转载
2024-04-18 10:18:39
95阅读
关于element-ui表格使用的一些方法最近在用Vue.js和elment-ui做一个后台管理项目,不得不说element功能非常强大,提供了许多组件,基本可以满足一些基础的开发了.因为我做的后台系统,里面表格用到比较多,但是其实我也只是一个刚入行不久的菜鸟,只看官方文档,开发起来还是有难度.不过经过不停的测试以及查阅资料,还是勉强实现了效果,这里就把一些方法分享出来,
转载
2024-05-18 06:52:45
115阅读
最近换了一份工作，开始独立做一个web B端管理系统，从框架搭建到第一版项目线上部署，大概花了1月有余时间。利用这两天时间好好整理下这中间遇到的一些问题。一 框架选择因为项目周期的原因，全部自己开发的话花费时间周期将加长，经过多个框架对比，最后选择了Element-admin-ui + vue。之前有用过element UI，但Element-admin-ui还是一次使用。Elemen
转载
2024-02-15 16:39:57
4970阅读
前言：最近，在网站上查找实用的后台UI框架的时候，发现了vue-element-admin框架，然后，发现这款框架从2017年开始就发布了，作者随手出了几篇实用教程文档，看完以后深受启发，有种相恨见晚的感觉，特在此记录一下。一、小技巧与建议 1.Watch immediate 这个算是一个比较常见的技巧了
转载
2024-03-25 20:22:26
2203阅读
简介
element-
ui是一个
ui库，它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的
ui框架。Layout布局（el-row、el-col）
element-
ui借用了bootstrap框架的思想，使用了栅格布局。它把单一的分栏分为24列。基本的使用方式如下<el-row>
<el-col :span="6"><div class="
转载
2024-03-28 12:41:54
704阅读
Layout Element 布局元素包括7个属性，其中前6个属性是每个布局元素自身大小信息的设定，一般用于布局控制器对其进行大小和位置的设定。 1.布局涉及两个核心要件，包括布局控制器（La
转载
2024-07-30 19:47:31
48阅读
历时2周左右，我终于完成了我的毕业项目。虽说页面不是特别美观，但是对于一个后四、总结 一、页面展示登录界面管理界面数据操作二、代码展示登录页代码<templa
转载
2024-04-17 16:59:33
92阅读
目录前言一、检查项目开发环境二、搭建项目1.安装vue-cli2.创建vue项目总结前言随着框架的流行，越来越多的开发者喜欢用框架开发项目，以vue、react等居主流，国内比较常用的就是vue进行项目的搭建，本系列文章主要使用vue+webpack进行项目的搭建，其中使用了elementUI进行了扩展，增加到后台系统的布局和路由相关知识，有兴趣就往下看吧~一、检查项目开发环境搭建项目前，我们要检
转载
2024-05-08 16:58:32
66阅读
提示：npm run dev 文章目录前言一、vue-element-admin是什么？二、使用步骤1.下载源码2.运行程序1)安装npm2)启动程序总结 前言记录如何使用Vue-element-admin模板开发自己的项目，一个是为了防止自己下一次学习时忘记之前自己学到的东西，而重复学习浪费了时间；与此同时也是想将自己学习到分享出来，希望能帮到初学者，如果起到了让他们少走些弯路的作用，我所整理的
转载
2024-03-13 09:42:13
124阅读
Element UIElement，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库基本使用示例代码：Title首页轻课免费课程学位课程智能题库处理中心首页组件'
}
},
{
path:"/course",
component:{
tem
转载
2021-05-18 16:40:16
267阅读
2评论
Element-UI的基本使用一、基于命令行的方式手动安装npm 安装npm i element-ui -SCDN目前可以通
原创
2022-07-01 10:04:31
412阅读
本系统的实施在某种意义上可以改善我国企业办公效率低、交流不方便等缺陷，本系统的研究目标是实现一个能够管理请假信息、工资账号、工资信息的员工工资考勤系统。其最基本的功能包括：添加、查询、修改、删除。 目前，员工工资考勤系统已经开始被企业所接受。大部分企业认识到只有实现员工工资考勤系统才能给自己带来巨大的收益。因此，本系统的开发意义非常重大。随着时代的发展，传统的人工管理工资的方式和通过Excel等简
转载
2024-08-16 20:13:39
54阅读
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一·问题图示及描述二·问题分析三·问题解决效果图总结 前言提示：这里可以添加本文要记录的大概内容：提示：以下是本篇文章正文内容，下面案例可供参考一·问题图示及描述问题描述： 从上图中可以看出，在使用element-ui中table表格的type='index’属性做分页效果时，无论点击的多少页，表格的序号都是从1开始排列
转载
2024-02-27 08:51:26
493阅读
前言公司系统在用elementui做后台开发，不免遇到一些需要自己去根据原有的功能上，加一些交互的功能。今天来介绍下我在用elementUi里的Tag标签与多选框交互的过程，东西听上去很简单，但就是越简单的东西越容易出一些问题。官方tag文档：elementUi-tag标签效果图：前端精品教程：百度网盘下载思路一、多选框勾选，出现对应的tag:1.利用watch监听多选框绑定的值A(数组)的变化；
转载
2024-03-01 19:11:56
108阅读
