##element-ui 第89页

vue2.0 + element-ui 实战项目-导航栏跳转路由(二）

自从用饿了么框架重构项目以来，遇到很多问题，我都有一一记录下来，现在特喜欢这个框架，说实话，如果你是用了vue这个技术栈的话，一定要用饿了么的pc端框架哦，遇到问题的时候在网上百度一下，就能找到解决方案，还有很多社区可以讨论，社区文档都比较成熟，很容易上手~~ElementUI手册：https://cloud.tencent.com/developer/doc/1270github地址：https

祈澈菇凉·2020-11-05 13:04

权限系统reademe.md文档---待整理

我的码云仓库地址使用ElementUI插件:安装elementuinpm/cnpmielement-ui-S/--save在main.js完整引入elementui:importElementUIfrom'element-ui'import'element-ui

努力学习前端的77·2020-11-05 09:17

SpringBoot整合vue-admin-template实现登录

vue-admin-template简介前后端分离开发模式越来越受开发人员的喜爱，开源项目vue-admin-template是一个后台前端解决方案，它基于vue和element-ui实现。

liu320yj·2020-11-04 16:51

element-plus 一个vue3.xUI框架（element-ui的3.x 版初体验）

官方文档已更新:点击跳转突然发现已经半年没更新的element-ui更新了更新了什么还不清楚，但是告知了基于vue3.x版本的element-plus已经出来了。

前端源·2020-11-04 13:05

基于vue和element-ui开发的新闻后台管理系统——3、文章发布页

1、整体架构发布页静态结构使用到的组件el-card卡片el-breadcrumb面包屑el-form表单el-form-item表单项el-input单行文本框VueEditor富文本框el-checkbox多选框组el-upload文件上传组件data()的数据结构data(){return{//存储要上传的视频路径videoURL:"",//允许上传的文件类型fileType:["video

MR_ZC君·2020-11-04 00:42

vue项目中如何使用this.$confirm

首先在element-ui中的el-table下的el-table-column中引入插槽（相当于占位符）编辑删除handleDelete(index,item){this.

chengxue_123·2020-10-30 23:34

Vue引入插件Element-ui 样式不生效

/router'importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI

年少青山-·2020-10-30 14:51

vue + element-ui 的级联选择器 el-cascader 样式不显示

使用vue+element-ui的级联选择器el-cascader样式没有生效如下图解决方案：在main.js导入import'element-ui/lib/theme-chalk/index.css'

解忧swag·2020-10-30 00:29

若依微服务版手把手教你本地搭建环境并运行前后端项目

RuoYi-Cloud是一个JavaEE企业级快速开发平台，基于经典技术组合（SpringBoot、SpringCloud&Alibaba、OAuth2、Vue、Element-UI），内置模块如：部门管理

BADAO_LIUMANG_QIZHI·2020-10-29 16:41

这些前端必备的硬核插件库，你都get了吗？

vueUI库element-ui官网地址：https://element.eleme.cn/#/zh-CNElem

fe_lucifer·2020-10-29 08:00

vuex + elementui实现一个Todolist应用

文章内容较长，如果对vuex和elementui比较熟悉，可以直接看源码，交互步骤并不复杂，算是一个入门级的vuex和element-ui项目，适合练手。

Blue· Η ζωή·2020-10-27 18:07

vue 动态合并element-ui el-table列和行

效果图：HTML:JS:exportdefault{name:"HeBingTable",data(){return{tableData:[{cangku:"百应总库",chanpinmingcheng:"华强北服务器",chanpinbianhao:"NFDE021521",changpinxinghao:"DP01",chanpindanwei:"台",shuliang:"1",jine:"1

weixin_39246975·2020-10-27 17:04

vue 获取url地址的参数_手把手教你的Vue项目实战

/router'import{MessageBox,Message}from'element-ui'letloginUrl='/login'//根据环境切换接口地址axios.defaults.baseURL

weixin_39906521·2020-10-27 17:49

Element-UI 使用el-row 分栏布局的教程

使用多个卡片显示的时候，并且要求当列数到一定数目的时候，要自动换行，el-container布局就满足了需求了，就要用到el-row布局做分栏处理，代码如下12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364{{i

qq_35064180·2020-10-27 16:14

El-tree 懒加载刷新数据的新方法

这两天在项目中用到element-ui的el-tree组件的懒加载，遇到了全部数据刷新的问题。网上能搜索到的解决方案都不太满意，包括保存resolve方法之类的。这破坏了组件的独立性。

40adfd30ed2b·2020-10-24 21:51

VUE+Element动态可编辑表格

做项目的时候遇到一个需求，做一个车站车次的时刻表，可以添加删除行或者列，实现效果如下：效果图这个表格使用的是Element-UI，第一行减号icon其实是表格的表头部分，最左边的减号icon是表格的第一列

W41k3r·2020-10-22 16:55

20-Vue实战项目：电商管理系统（Element-UI）--vue ui没有反应

在运行vueui命令时没有反应，原因是vuecli版本不是3.0及以上。win+R，输入cmd，打开命令行：vue-V//查看vuecli版本vue-h//查看是否有ui功能解决办法：npmuninstallvue-cli-g//卸载旧版本npminstall@vue/cli-g//安装新版本

suzaizai·2020-10-22 15:00

Vue里使用Element-ui组件el-table设置指定行样式(采用cell-style方案避row-class-name坑)

Vue里使用Element-ui组件el-table设置指定行样式(采用cell-style方案避row-class-name坑)问题描述：根据项目开发需求，需要对table指定的行或者列进行样式设置。

I'm写代码·2020-10-21 23:35

Vue系列 =＞ [08] 电商后台管理系统项目 =＞02-用户管理

1.实现后台首页的基本布局2.实现左侧菜单栏3.实现用户列表展示4.实现添加用户1.后台首页基本布局打开Home.vue组件，进行布局：Header退出AsideMain默认情况下，跟element-ui

AkaCoder·2020-10-19 22:32

手把手教你如何写vue.js的插件，跨项目依赖。学不会你来打我！

通常，我们使用vue.js会集成Router、Axios、Vuex、Element-UI等插件，那么你知道它们是如何无缝对接vue.js的吗？

avengerEug·2020-10-19 22:47

Element-ui 之解决后端返回大量数据时页面卡顿或者反应慢的问题（懒加载以及下拉框回显未加载数据）

在我们实际开发中，常常需要优化以下页面，加快页面的响应速度，下面来介绍一下，前端在使用Element-ui下拉框时使用懒加载来解决页面卡顿或者响应慢的问题；场景描述：场景描述一：当后端给前端返回的数据有很多成千上万个数据时

Zhuangvi·2020-10-18 20:29

vue脚手架安装及新建项目(并引入element-ui及axios)

一、安装vue.js1.简介Vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合

在路上奔跑~·2020-10-16 16:50

Element-ui--loading+网络请求

我的目录结构：1.安装element-uicnpmielement-ui-S2.在main.js中引用elementuiimportElementUIfrom'element-ui'import'element-ui

zg97zb·2020-10-16 15:43

vue+elementUI+axios+微信小程序云开发实现项目后台管理系统

2.96Vueinitwebpack项目名称二、安装对应模块1.安装elementUInpmielement-ui-S2.安装axiosNpminstallaxios3.mian.js进行挂载importElementUIfrom'element-ui

挣钱养媳妇儿·2020-10-15 16:44

使用Element-UI中无法改变样式的问题

使用element-ui经常会遇到给出的格式达不到要求的情况，我们需要对这部分样式进行修改。使用element-ui的时候一般是在main.js里面引入并使用比如我们修改dialog弹框的默认颜色。

你比故事温柔·2020-10-13 12:48

Vue:在线博客项目开发日志

基于前后端接口约定开发本文约定：星星，旗子，水滴与赞⭐标注为踩坑总结；标注为封装优化；标注为搁置，暂时不打算实现；心得写在这里：项目搭建参照官方文档使用less语法使用vue-router,axios,vuex,element-ui

buuoltwo·2020-10-13 12:03

Vue移动端开发Vant组件库的介绍和应用

Vant1.介绍Vue移动组件库=>Vant【有赞】=>更新维护快VuePC组件=>element-ui【饿了么】=>更新维护快vant官方网站：https://youzan.github.io/vant

木蓝茶陌*_*·2020-10-13 09:12

Vue中如何使用Element-UI组件

Vue中如何使用Element-UI组件一、CDN目前可以通过unpkg.com/element-ui获取到最新版本的资源，在页面上引入js和css文件即可开始使用。

LoveSongi·2020-10-11 16:24

翻了翻element-ui源码，发现一个很实用的指令clickoutside

今天在翻element-ui的源码时，发现一个还挺实用的工具指令，跟大伙分享一下。clickoutside的使用及效果该指令的源码在src/utils下的clickoutside.js。

WahFung·2020-10-11 12:00

Vue项目打包及优化处理

项目开发是通过element-ui组件库开发，浏览器不能运行组件库组件。项目开发是通过es6/es7等高级js技术完成的，

木蓝茶陌*_*·2020-10-10 17:41

Element-ui 对话框el-dialog点击关闭事件处理

默认关闭的处理使用:visible.sync="dialogVisible"进行处理这是一段信息取消确定data里面为data(){return{dialogVisible:false};},这里介绍的，通过绑定关闭事件，可以进行数据清除绑定@close='handleCancle进行处理handleCancle(){this.$refs.form.resetFields()this.dialog

卡洛背心·2020-10-10 13:29

[原生JS]从构建组件到使用组件，依托组件化思想如何一步步写出dialog_demo组件

基于JavaScript，element-ui组件库中dialog实现。ele-ui:Dialog什么是组件化思想？

buuoltwo·2020-10-07 22:39

（vue3.0+）+ TypeScript ElForm 使用$refs出现异常提示，标红

|Element|Vue[]|Element[]'.Property'validate'doesnotexistontype'Vue'.个人解决方法：import{FormasElForm}from"element-ui

lanzhengdanrui·2020-09-30 14:14

element-ui自定义表单校验规则及常用表单校验

前言表单校验是注册环节中必不可少的操作，表单校验可以提醒用户填写数据规则以确保用户提交数据的效性，也可以防止用户因误操作、填写错误数据或者恶意提交数据而占用服务器资源。ElementUI校验规则ElementUI封装了组件el-form来收集、校验和提交数据，其中的rules属性就是用来做数据校验的。ElementUI提供了一些常用的表单验证规则，我们可以直接使用该规则来实现数据校验。rules根

星空之火@田兴·2020-09-29 16:04

Element-UI Checkbox 多选框 disabled（禁用后）选中样式无效问题

Element-UICheckbox多选框按钮样式disabled（禁用后）选中样式无效问题增加以下样式即可.el-checkbox-button.is-disabled.is-checked.el-checkbox-button__inner{color:#FFFFFF;background-color:#1890ff;border-color:#1890ff;-webkit-box-shado

bydongxin·2020-09-29 15:16

vant+postcss-px-to-viewport 记一次移动端网页适配之旅

其一一开始直接动手写乃至用element，完全达不到合格的美观程度，缩放element-ui元素很困难（在被科普了vant这样的移动端ui之后才知道这是一种愚蠢的行为），于是终于操起vant其二vant

ahalshai·2020-09-28 16:17

element-ui树形控件

首先我们要清楚后台返回树形的格式为如下：所以按照以下思想实现树形结构：1.把所有数据查询出来放到一个map集合当中，key值为本身数据的id，value值为数据本身。优点是：只对数据库进行一次查询，避免浪费资源2.把查询出来的数据判断其有没有父id，把没有父id的存放一个list集合当中。（顶层数据）3.把数据进行for循环，根据本身数据的父id获取map集合当中的数据。例：map.get(ent

博之星·2020-09-28 15:55

Vue UI 创建Vue前端工程(Windows)

Vueui创建Vue前端工程1.开启vueui服务2.访问vueui界面3.创建项目4.添加element-ui插件4.添加依赖4.启动Vue项目5.访问Vue项目1.开启vueui服务快捷键win+r

jiachengren·2020-09-27 15:40

针对el-upload的二次封装

针对el-upload的二次封装前几天在使用element-ui中的el-upload组件的时候，发现默认的上传方法想要跨域还有携带请求头，都是挺麻烦的，所以针对el-upload组件进行了二次封装，下面代码中的

qq_44535093·2020-09-25 09:03

Element-UI中选择下拉框中的某一项获取key值之外的其他数据

一：应用场景在回显下拉框的时候已经查询了所有的信息，为了避免再根据下拉框选中获取的id在重新查找一次数据。二：回显代码部分其中的testOptions是我们查询出来的下拉框展示的信息。三：方法实现部分changeTest(name){letobj={};obj=this.testOptions.find((item)=>{//这里的testOptions就是上面遍历的测试源returnitem.n

一只小菜猿·2020-09-24 17:35

vue -cli3 创建新项目

丶店小二·2020-09-24 14:35

vue实现日历表格（element-ui）

本文实例为大家分享了vue实现日历表格的具体代码，供大家参考，具体内容如下效果如图：html：后面的日期是循环出来的<近期事件>这里注意一下:key="index+item"，之前我的key设置的只等于index，然后到了后面数据删选的时候就各种出错，找了半天，才发现是key值不唯一导致的！！data:bondList:[],//获取到数据组leftDate:"",rightDate:"",

·2020-09-24 11:05

vue-element-admin 添加菜单的步骤记录

vue-element-admin后台管理系统今年来杭州之前，我都不知道有这么一个封装好的方便前端直接使用的后台管理系统，是基于vue与element-ui的，并且是响应式的。

yehaocheng520·2020-09-24 09:14

element-ui常见问题总结（表单校验、表格checkbox自动取消选中等）

在vue中使用element-ui过程中遇到的问题总结将element-ui的默认语言设置为英文1.main.jsimportVuefrom'vue'importElementUIfrom'element-ui'importlocalefrom'element-ui

Flowering_Vivian·2020-09-24 09:32

vue-cli4创建项目浏览器报错：Uncaught TypeError: Cannot read property ‘prototype‘ of undefined

问题：新建的项目引入elementUI后就报错了，并且页面上什么都没有在main.js里引入elementUi的3个语句，importElementUIfrom'element-ui';import'element-ui

贾西贝aaaaa·2020-09-23 17:47

在vue中使用深度选择器修改element-ui的原生样式

在很多情况下，我们需要修改element-ui提供的原生样式，来满足项目的需求然而常规的CSS写法可能不会生效因为当我们在源代码中引用标签时，实际上浏览器可能会渲染出好几个对应的class例如：引用时浏览器会渲染出如下的

BAEBAE996·2020-09-23 11:39

解决vue2中使用elementUi打包报错的问题

bug1.找不到element-ui/lib/theme-default/index.css解决：修改路径为element-ui/lib/theme-chalk/index.css原因：elementUi

·2020-09-22 10:10

element-ui中dialog弹窗关闭按钮失效的解决

如下所示：...加一个@close可以是一个方法或者直接操作kcDialog为false补充知识：webpack外部扩展，依赖前置引入了外部jsindex.htmljs中import$from'jquery'这时候会报jqueryundefined之类的在webpack配置文件中module.exports={entry:[],externals:{jquery:'jQuery'},output: