##element-ui 第148页

Element-UI组件之基本Basic

Element-UI组件之基本BasicLayout布局基础布局分栏间隔分栏偏移对齐方式响应式布局Container布局容器常见页面布局实例Icon图标Button按钮基本用法禁用状态文字按钮图标按钮按钮组加载中不同尺寸

法克__·2020-06-22 07:02

关于vue2中使用elementUi打包报错修正

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

Toury_J·2020-06-22 07:17

element-ui 移除整个表单的校验结果（或重置表单及验证）使用方法

本例子表单为dialog形式出现，dialogFormVisible为父组件传来的控制表单显示的值，通过watch监视，如果显示，调用表单重置方法resetvalidate（）；子组件结构中有ref属性为'userAdd'exportdefault{methods:{resetvalidate(formName){if(this.$refs[formName]!==undefined){this.

saintkl·2020-06-22 06:10

Element-UI的表单组件实现原理

可以去Element-UI官网引用里面的很多组件https://element.eleme.cn/#/zh-CN/component/form一个Element-Ui的小demo代码如下:提交exportdefault

良月吾生·2020-06-22 05:11

vue element-ui获取后台对应数据显示在表格上

参考：https://blog.csdn.net/weixin_36706903/article/details/81706857我后台的数据格式是这样的我在我的方法中是这样写的（$http.是封装好的ajax,可能每个人的命名习惯不一样）this.$http({url:this.$http.adornUrl('后台返回连接地址'),method:'get',params:this.$http.a

青椒切小块·2020-06-22 05:38

element-ui表格table、抽屉drawer涉及的部分样式修改

//表格//element-ui的table改变选中行背景色/deep/.el-table__body tr.current-row > td { background-color: #F0F7FF

黑暗中跳舞的月亮·2020-06-22 05:02

element UI 中 el-form 表单包含多个 el-input 时的校验方法

这一点element-ui真是有点死板，我是这样解决的，有两个情况，prop可以只绑定第一个input的，第二个input写上ref属性，验证的rules中写一个方法，这个方法验证第一个input框的同时

SUPPER493910·2020-06-22 04:06

element-ui的对话框中添加页面---Vue页面封装成组件使用及简方法秒会

前几天整了很久的element-ui+vue一直想实现一个效果:如何在element-ui的对话框中添加vue页面.最后实在弄不出来了(因为前端太菜了),就找了一个朋友帮忙,通过讨论终于还是解决了:在Vue

Ryan_black·2020-06-22 04:57

vue之element-ui 的tree组件

这些天在学习vue做一个树结构，使用了elementui的组件。记录一下。1.首先，从后台返回的数据是类似于这样的letdata={"returnCode":"000000","returnMsg":"success","projectInfo":[{"pName":"p2p实验项目","pId":"1cfb52ec8da74958bd870429eb2d092c","pPid":"b7a4446

Ruipower·2020-06-22 04:47

vue webpack中elementui使用cdn引入

可以将第三方包分块，如果是webpack3用cdn可以减小vendor.js的大小；index.html需要先引入vue，再引入elementui......webpack.base.conf.js网上有说‘element-ui

Zillionnn·2020-06-22 04:06

Vuejs常用插件引入方式总结

Vuejs引入Element-ui安装elementUInpmielement-ui-S引入elementUI全局引入importElementUIfrom'element-ui'import'element-ui

帕尼尼0_0·2020-06-22 02:41

element-ui 实现卡片式列表，选择，分页代码

这是浏览器效果：以下是代码实现：实际应用中，踩了几个坑，总结为下面代码中的3个关键点。html,body{/***关键点1：设置body高度100%!***/height:100%;overflow-x:hidden;margin:0px;padding:0px;}/*中间列表*/.page_l{/***关键点3：设置列表部分overflow样式!***/float:left;margin-lef

NRlovestudy·2020-06-22 02:24

Vue和Element-UI做一个简单的登录页面

如下所示，是vue+ElementUI写的一个登录页面：Login.vue部分登陆界面记住密码登录CSS部分：.login-container{-webkit-border-radius:5px;border-radius:5px;-moz-border-radius:5px;background-clip:padding-box;margin:180pxauto;width:350px;padd

MySunshine07·2020-06-22 02:45

基于Element-UI的组件改造的树形选择器（树形下拉框）

前言：由于做项目需要一个树形选择器，项目用的也是element-ui框架，然而它自带的选择器组件没有树形选项，又不想引入其他的框架组件，于是自己利用el-select和el-tree改造了一个，感觉还挺好用的

蔚莱先森·2020-06-22 02:29

Vue中使用Vue.use注册全局插件-组件、指令、过滤器等

在Vue项目中我们往往会用到功用组件，使用在不同层次、不同地方的的组件，以至于我们每次都会去import组件并且使用components注册，如果是两个三个还能接受，但是比如element-ui框架中el-button

Luck Young·2020-06-22 01:31

vue-cli安装配置并搭建element-UI

首先安装npm，然后安装vue-cli，最后初始化项目，需要注意的是网络很重要，如果网络好按步骤来很轻松就能安装配置好，如果网络不好的情况下，会出现多次npmerr!的情况，这时候要清除缓存重装，重装好几次都不一定能成功安装npm：下载node的安装包进行安装。在命令行工具里输入npm-v检测你是否安装了npm和版本情况下载地址：http://nodejs.cn/download/安装vue-cl

Milan__Kundera·2020-06-22 01:00

nuxt打包项目vendor.js过大问题

nuxt下按需加载element-ui在打包nuxt项目时，打包会提示vendor.xxxxx.js文件超过300kB的警告，如下图：主要配置如下：a)package.json{"name":"Demo

芒果君君君呀_·2020-06-22 01:31

element-ui 中的 table如何加Popover弹出框

需求生成的表格的某一列的某几个数据要显示popover框（我的需求：多种认证方式，当鼠标放在动态二维码认证上时，呼出popover框并显示所需信息，其他认证方式也要显示）如图所示//如果不用v-ifv-else做限制，就是所有都加popover框，//如果只有v-if没有velse，其他的数据不显示，只有vif里写的判断的数据显示v-if="scope.row.authtype=='dynamic

Making_Bug·2020-06-22 01:26

element-ui的el-select下拉框获取值

data里面：data(){return{selectList:[{id:0,name:'张三'},{id:1,name:'里三'},{id:2,name:'李四'}],form:{region:""}};},selectGet(vId){letobj={};obj=this.selectList.find((item)=>{//这里的selectList就是上面遍历的数据源returnitem.

M_SSY·2020-06-22 01:56

element-ui + vue 批量上传文件，接口请求一次

使用element-ui的上传组件时，你使用的是自动上传（即选择完文件就立马上传），即使你设置了属性:multiple=true,但是请求接口的时候还是分开请求的，你选了几个文件就请求几次，那我们要如何请求一次

MISS_CJL·2020-06-22 01:50

element-ui框架table表格的列筛选获取值传给后端

由于数据需要根据列筛选选中的值做特殊的处理，所以我要把选中值传到后端。代码：exportdefault{data(){return{filterList:[{text:'2019-08-06',value:'2019-08-06'},{text:'2019-07-06',value:'2019-07-06'},{text:'2019-06-06',value:'2019-06-06'}],sele

MISS_CJL·2020-06-22 01:19

vue获取element-ui的下拉框的值

vue+element获取下拉框的值，代码：exportdefault{name:'homeMenu',data(){return{options:[{value:'选项0',label:'保密设置'},{value:'选项1',label:'黄金糕'},{value:'选项2',label:'双皮奶'},{value:'选项3',label:'蚵仔煎'},{value:'选项4',label:'

朽木兮·2020-06-22 00:59

Vue中安装element-ui失败问题汇总（一）

1，npminstallelement-ui-S开启npm.cmd，输入npminstallelement-ui-S命令，正常情况会安装成功，但也有安装不成功的情况。上图便是npminstallelement-ui-S安装不成功，若安装不成功，则检查npm和vue是否安装成功，使用npm-v和vue-V来查看版本，看不到版本号，便重新安装npm或vue。解决方式：npminstallnpm-g2，

LuckyMon·2020-06-22 00:59

element-ui中的时间插件坑

最近项目有这个一个需求，如下图所示两个时间，一个是离开时间，一个是抵达（回来）的时间，选择离开时间，需要去判断，抵达时间有没有值，如果有值，那么离开时间必须小于抵达时间并且大于当前时间，如果抵达时间没有值，那么离开时间大于当前时间，当前之前的时间不能让用户选择；同理，抵达时间也是如此。我们看下面的代码进行说明exportdefault{name:"data",data(){return{filte

mschange·2020-06-22 00:44

element-ui中表单验证rules

对，你没有听错，就是表单验证，各种非空校验，正则校验等等而初次使用element-ui，在做表单验证的时候，由于项目急，自己呢，也没有时间去研究这个，结果比别人多写了500行的js，有木有很夸张，所以，

mschange·2020-06-22 00:44

Element-ui实现图片上传和表单提交功能，打开表单弹框，显示上传图片

点击上传只能上传jpg/png文件，且不超过500kb效果图如下：accept：此参数是只接受上传文件的类型，因为我只上传图片，所以我支持了几种常见图片的格式name：此name的值将是upload组件渲染出input中type=file的name的值，这个值应该会和后端事先定义好即ref：这个值我是方便以后获取upload组件渲染后的img的src的，后面会出示代码this.$nextTick(

Little_Pig_Bug·2020-06-22 00:51

Html 引入使用 Element-ui、Vue

因为Element-ui是基于Vue的框架，所以要想正常可以使用Element-ui,必须在其脚本引用之前先引用Vue脚本直接代码演示：按钮{{a}}newVue({el:'#app',data(){return

LiLi_code·2020-06-22 00:57

实战项目：电商管理系统（Element-UI）Vue前端

实战项目：电商管理系统（SpringBoot）Java后端Github：后端项目Github：前台项目视频：https://www.bilibili.com/video/av90846070?p=1初衷能够用Vue技术栈及第三方组件进行项目开发体验和深入理解前后端分离的开发模式文章目录项目概述#功能、页面原型#开发模式#技术选型项目初始化#前端项目初始化##vuecli4##ElementUI配置

LawssssCat·2020-06-22 00:04

Element-ui NavMenu 导航菜单高亮问题

查了很多文档发现解决方案一：开启路由模式，标签中设置default-active绑定:default-active="$route.path"发现不能完全解决我遇到的问题于是，参考文档：https://blog.csdn.net/Jayne_z/article/details/88028336综合得到第二套方案解决方案二：首页订单我的产品data(){return{navConfig:{'inde

Kancy_K·2020-06-21 23:07

vue element-ui 分页闪屏问题

一、问题原因我想将整个分页对象传到后端，但是使用qs转换时，数组出现了问题。于是想将数组用JSON来转。可是每次调用时，都会出现闪屏（列表长度瞬间很长，然后恢复）。二、解决办法经过努力，发现原来是在将对象里的数组用JSON转换时进行了一次赋值，改变了表格data的值：this.pageModel.tableData=JSON.stringify(this.pageModel.tableData)t

ideezlp·2020-06-21 22:46

element-ui select 下拉框位置错乱问题解决

今天写bug时，突然发现个element下拉框的样式出现错乱，折腾了大半个小时总算搞定了，这里分享下。先上错乱图看上图，正常情况下下拉选项应该贴着select框的，而此时两者相隔甚远这个时候只能检查下元素了检查元素可以看到，el-select默认插入到body中的，现在出现这个bug后我们就不能再插入到body中了官网有个属性可以设置成不插入到body中，先在代码中用起来官网链接：element的

Hello_yihao·2020-06-21 21:28

Element-ui 给el-select添加唯一class名，修改个别el-option样式

按以上常规的修改Element-ui样式的方法，添加class="optionsContent"，不生效，给el-select加父标签来包裹el-select也没

好菜的程序媛·2020-06-21 21:22

element-ui switch开关点击按钮后，弹窗确认后再改变开关状态

设置active-value和inactive-value属性，分别代表激活状态的值和关闭时候的值，与value绑定。接受Boolean,String或Number类型的值。handleUpdate(value){//先把值赋为原来的值，保证swich状态不变this.itemValue=value=='100'?'0':'100'vartext=""if(value=='100'){text="

好菜的程序媛·2020-06-21 21:01

如何将多个vue项目部署至同一个域名下

因为自己写的博客网站前后台有两个vue项目，所以想把他放置在一个域名下；而且前后台还是用的不同的组件库（Element-ui、Iview）甚至是不同版本的vue-cli。

FuyuumiAI·2020-06-21 20:58

vue.js + element-ui + webpack项目搭建

一、安装node.jsnode.js是运行在服务端的JavaScript，集成了npm（nodepackagemanage），官网下载最新版本进行安装http://nodejs.cn/download/（以下截图为v8.1.3）;使用$npm-v命令查看有没有安装npm。使用$node-v命令查看node版本。二、安装webpack通过npm安装webpack，打开命令行工具安装$npminsta

Double12345·2020-06-21 19:41

Element-ui table使用中的自定义列头方法（Element版本2.4以下）

以element-ui官方文档一个table表格为例，我们在地址的后面加一个定位标志的图标，代码如下： //加入render事件 .el-table.warning-row{

初学的小白一枚·2020-06-21 19:43

使用element-ui的el-table和el-pagination标签实现表格分页功能以及解决遇到的暂无数据的bug

博主需要在项目中需要使用el-table和el-pagination标签实现表格分页功能，方法如下：el-table标签的data属性是显示的数据，绑定为showTable计算属性...el-pagination标签current-change事件会在当前页改变时被触发，绑定为handleCurrentChange方法，page-size属性绑定的是每页显示条目个数设置初始化数据并编写事件触发的方

Arlisol·2020-06-21 19:01

VUE+ElementUI+PHP+MySQL实现仿照印记中文网站（2）----前端架构

直接步入主题，3大前端框架我选择的是vue3.0，使用element-ui作为主要开发组件，Element是一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库，虽然官网上写的是基于Vue2.0

馒头老爸·2020-06-21 19:09

Vue-ElementUI组件改造

我可以先来看看效果，ElementUI版本"element-ui":“^2.13.0”,（1）对于inpu

Caeser110·2020-06-21 18:23

VueQuillEditor富文本上传图片-非base64

本文中使用了element-ui框架来帮助我完成前端展示工作。上传图片上传图片也有几种方式，比如直接使用file控

Caeser110·2020-06-21 18:22

验证实现element-ui树形控件的自定义图标及右键菜单（二）

一前言之前只实现了对el-tree树形控件初步显示右键菜单，今天对其进一步完善，主要实现如下功能：1.对菜单进行美化，统一成element-ui风格。

Bonjourjw·2020-06-21 17:05

VUE简单实现留言板功能

页面控件主要使用了element-ui里的组件。从后台拿到数据后，v-for循环渲染到页面上，核心问题是点击“回复”，可以单独展开回复框。

Anitadu·2020-06-21 16:37

Vue+Element-UI菜单二次点击刷新方法，且只刷新页面表格区域

最近在开发一个Vue+Element-UI的项目，发现Element-UI中的NavMenu导航菜单点击已选中的菜单时刷新不了页面，上网找到一些相关资料进行改进，实现二次点击菜单时能够无闪烁刷新页面

蜗牛上路·2020-06-21 16:17

element-UI 分页器Bug，切换页面展示数量，页码刷新重置，原来页码高亮问题

element-UI分页器Bug，切换页面展示数量，页码刷新重置，原来页码高亮问题Element-UI提供了分页器的两个方法，handleSizeChange和handleCurrentChange，然而在实际使用中

Amanda_wmy·2020-06-21 16:45

Vue Elementui 搭建blog 系统模板

页面效果展示：第一步：vue创建项目blog-projectvueinitwebpackblog-project第二步：安装项目依赖第三方模块依赖第三功能模块如下：element-ui:cnpminstallelement-ui-D

在奋斗的大道·2020-06-21 15:23

vue+element-ui的主题颜色切换

mdeditor#的做法，很感谢1.安装vue-clinpminstall-gvue-clivueinitwebpackvue_democdvue_demonpminstallnpmrundev2.安装element-ui

youlinaixu·2020-06-21 15:30

Vue实现Element-ui中Message组件

在我们初学组件时，只知道调用组件的时候通过import调用组件，然后显示的通过标签去调用,通过数据驱动来决定组件的显示与否，但是在看了element-ui的源码后，我才知道可以通过注册Vue原型，全局调用组件

yanggreater·2020-06-21 14:46

element-ui, upload组件的显示与隐藏以及图片大小的控制

需求要求：上传图片不超过五张，每张图片不超过20M，达到五张限制后自动隐藏上传组件实现HTML代码：关键代码:class="{‘hide’:hideUploadAdd}"，这个是样式控制（最多上传5张图片，每张不超过20M）js代码：//上传change事件handleAddChange(file,fileList){//图片大小限制constisLt20M=file.size/1024/1024

a-little-fish·2020-06-21 13:14

element-ui,使用upload组件，表单与多文件（多图）同一个接口一起提交