##element-ui 第94页

在vue中使用mint-ui swipe遇到的问题

完整引入importVuefrom'vue';importMintfrom'mint-ui';import"mint-ui/lib/style.css"Vue.use(Mint);//按需引入注意：和Element-ui

g229191727·2020-09-15 07:01

Vue2 el-menu实现路由跳转及当前项的设置

解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法要实现路由跳转，先要在el-menu标签上添加router

碎月冰蓝C·2020-09-15 07:22

快速解决Vue项目打包后文件过大问题

移动app项目，使用vue-cli脚手架搭建，UI主要运用的是Muse-UI，开发过程中为满足需求，混入Element-UI部分组件，加之团队开发，前端不止一人参与，在没有统一规范约束的情况下，编码风格和方式都很迥异和

Kuno_·2020-09-15 07:38

vue element-ui e-select 下拉框向后台同时传value和label值（不用find函数，直接拿选中对象）

前言因业务需要，在下拉框选中后需同时传value和label，还有其他属性值,遂进行研究。主体上酸菜代码相对于普通下拉框，你只要把:value的值改成item,再加个value-key就可以了，你的v-model获取到的值就是选中的那个对象。注意value-key的值需要具有唯一性，不然会出现多个项目都被选中（字体为绿色）的错误情况。建议跟:key的值保持一致。延伸除上述方法外，1、还可以通过@c

龙丨行·2020-09-15 05:04

常用的Element-UI标签

常用的element-ui标签安装element-uinpmuninstallelement-uinpminstall-g--saveelement-ui添加标签如果webstorm不能识别标签，将这些标签添加到

Loser_you·2020-09-15 00:06

vue-cli创建项目配备element、less、vuex、axios等工具

elementUI安装：npminstall--saveelement-ui引用：//vue-cli构建的项目结构中的main.jsimportVuefrom'vue';importElementUIfrom'element-ui

xm2by·2020-09-14 22:33

less、Element-UI等安装配置

一、less安装less,less-loader处理文件npminstallless-loaderless-D配置规则：更改webpack.config.js的module中的rules数组module.exports={......plugins:[htmlPlugin],module:{rules:[{//test设置需要匹配的文件类型，支持正则test:/\.css$/,//use表示该文件

weixin_48846877·2020-09-14 22:54

仿照Element-ui实现一个简易的$message方法

本文仿照element-ui的实现一个类似$message的方法。思路梳理首先我们来看下element-ui中消息提示的效果是怎么样的，找些思路。

·2020-09-14 20:24

使用element-ui中的navMenu导航菜单遇到的问题

1.点击一个菜单所有的菜单都会展示要保持index的唯一性，这里的index是string类型{{item.authName}}{{value.authName}}2.使用这个组件会存在边框对不齐的情况表现为原因和解决方案如下3.如何保持激活菜单高亮？menu菜单有个default-active属性，将其值设为激活菜单的index值即可，这里的index可以设置为页面路径，我们可以通过$route

dong.wang·2020-09-14 20:10

【element-ui改变table样式】

特别注意一下问题：首先，因为element-ui的属性是全局的，style不能设置scoped，否则不起作用其次，因为element-ui的属性是全局的，所以如果改变当前页面为了不影响其他页面，必须给当前页面一个

double_wangshufen·2020-09-14 19:55

【关于element-ui的show-overflow-tooltip不生效】

只写show-overflow-tooltip是无效的，要添加{{scope.row.数据名称}}具体例子如下：如果内容太多只显示一行阅读性太差可以增加如下样式效果如下：提供了两种提示框的样式，默认是dark还有一种是light如下：效果如下：还有许多属性，详情请看官方文档https://element.eleme.cn/#/zh-CN/component/tooltip

double_wangshufen·2020-09-14 19:54

Element-ui 文件批量上传改造

element批量上传的图片列表比较难看，改造一下，支持预览（需要自定义icon）和删除。可以根据业务场景，在上传数量达到上限时通过v-if隐藏上传控件。templatescripts//删除图片handleRemove(image){letlist=this.images||[]for(vari=0;i10){this.$message.error('最多只能上传10张图片')return}le

我是真的我·2020-09-14 19:31

设置el-progress渐变背景色

前言：前天做个修改element-ui背景色的需求，要改成渐变色，看了看官方文档也没提供这个属性，这我就头大了，查询了好多资料，才知道，修改成渐变的要修改原生的代码。

小灰灰城堡·2020-09-14 18:15

element-ui 日期选择控件提交数据少一天

解决办法：在控件加一个：value-format="yyyy-MM-dd"就可以解决

小灰灰城堡·2020-09-14 18:54

vue element-ui NavMenu错位问题

原因：子菜单全部打开后太长超过100%解决方法：设置只能点击打开当前的菜单转载于:https://www.cnblogs.com/1032473245jing/p/9354550.html

weixin_30786617·2020-09-14 17:12

vue-element-admin使用

一、vue-element-admin1、简介vue-element-admin是基于element-ui的一套后台管理系统集成方案。

学习Java的唐唐·2020-09-14 16:40

element-ui trr树形结构点击当前背景再点击其它地方会消失问题解决，以及修改当前背景色。

点击其它地方当前背景色消失解决@node-click="getNodeData":props="defaultProps">data(){return{showTree:true}}修改当前点击的背景色.el-tree-node:focus>.el-tree-node__content{background-color:#73bdf5;color:#fff;}.el-tree--highlight

H5修仙·2020-09-14 16:29

Spa项目实现登录

Spa项目实现登录+注册1、实现步骤1.1、新建项目1.2、安装element-ui相关模块1.3、引入main.js2、Vue+ElementUI设计登陆页面2.1、登录页面代码2.2、页面效果3、后台交互

小汪同学啊·2020-09-14 15:52

element-ui Tree点旁边、背景会跟着消失的解决方法

@node-click="getNodeData":props="defaultProps">data(){return{showTree:true}}

hlvy·2020-09-14 15:31

vue之vue-cli搭建SPA项目

使用脚手架vue-cli(2.X版)来构建项目步骤一：使用脚手架创建项目骨架步骤二：运行完上面的命令后，我们需要将当前路径改变到SPA这个文件夹内，然后安装需要的模块步骤三：启动并访问项目步骤四：停止项目添加element-ui

涵ヂ·2020-09-14 13:47

vue--spa项目开发之登录注册

1.vue怎么引入和配置使用element-ui框架1.1使用vue-cli脚手架工具创建一个vue项目vueinitwebpackpro011.2npm安装elementUIcdpro01#进入新建项目的根目录

宓筱·2020-09-14 13:05

element-ui导航菜单使用vue-router刷新后高亮显示不一致

问题描述问题1：刷新后，默认高亮显示为当前的第一个索引值产生原因：:default-active=“activeIndex”解决办法：将:default-active=“activeIndex”替换成:default-active="$route.path"问题2：改完:default-active="$route.path"后发现高亮不显示，需要双击对应的路径才高亮显示产生原因：:default

在路上`·2020-09-14 12:07

vue+ElementUI的树形菜单背景颜色修改

解决办法根据路径F:\project\crm\node_modules\element-ui\lib\theme-chalk找到index.css用记事本打开，点击编辑里的查找，找到el-tree的样式

Jiang呀·2020-09-14 12:09

vue项目中axios的封装

1.安装npminstallaxios--save2.新建http.js，封装拦截器以及多种请求方式importaxiosfrom'axios';import{Message}from'element-ui

月慕向阳·2020-09-14 11:56

ElementUI（一）

代码层次–代码仓库(3)开发模式–人员分配搭建脚手架工程······Elementui的使用1)安装:npmielement-ui-S2)在main.js引入:importElementUIfrom'element-ui

RipperQAQ·2020-09-14 10:25

element-ui添加复选框并把选中的列表中的数据传入后台

需求描述把前端选中的的数据传入后台。关键代码处理函数//把选中的那条记录的name属性放到namelist中selectionChangeHandle(val){this.namelist=[]for(leti=0;i

SuperSun~·2020-09-14 09:00

vue + element-ui 制作tab切换（切换vue组件，踩坑总结）

本篇文章使用vue结合element-ui开发tab切换vue的不同组件，每一个tab切换的都是一个新的组件。

weixin_41697323·2020-09-14 09:24

自定义封装element-ui-table组件

element-ui组件的部分样式不满足当前项目需求element-ui组件出现问题的时候，我们用中间件支持，不至于整个项目崩塌。

Y一蓑烟雨任平生·2020-09-14 08:40

element color-picker源码

/components/picker-dropdown.vue';importClickoutsidefrom'element-ui/src/utils/clickoutside';importEmitterfrom'element-ui

weixin_30951389·2020-09-14 04:51

vue项目引入scss、elementui使用全局scss修改主题色，vue的路由引入；less的使用

/87799557二、elementui使用全局scss修改主题色1、在项目下新建color.css，内容位置如下内容：$--color-primary:#EE1D23;$--font-path:'~element-ui

知了还没睡·2020-09-14 04:35

vue+element-ui实现可折叠的树形表格

先看看效果图：一，首先创建一个公共的文件夹treeTable,里边放一个index.vue和eval.js先看看index.vue，原理就是在element-ui的基础上做了进一步改造。

猿者上钩·2020-09-14 04:13

vue webpack打包后图片、js、css路径错误的完美解决方法

./’改了之后打包发现虽然css,js文件路径对了，但是css中引用的图片路径和element-ui的字体图标路径

ruanhongbiao·2020-09-14 02:46

关于element-ui表格动态表头时遇到的问题

首先说一下我遇到的问题:我要做的这个表格表头由固定部分和动态部分组成，动态部分由接口获取，是一个数组，里面有三项。表格数据呢是一个数组，里面是每一行的数据，对应动态表头的部分数据也是由一个数组给出，如果哪一列没数据，这一列的数据就没有，如果三个动态表头部分都没数据，那么这个数据的值为null，刚开始也是花费了很大的精力去想，最后我用的是计算属性的方式通过id去过滤，然后拿到值；1.计算属性大概这样

洒满阳光的庄园·2020-09-14 01:13

VUE + element-ui改变table表格中点选行的颜色

@current-change="handleTableChange"设置表格单选行的属性函数//表格单选handleTableChange(val){this.currentRow=val;console.log(this.currentRow)},获取当前单选行的全部数据官网文档中颜色偏淡，标识性不强，我们可以在App.vue中更改一下CSS属性如下html,body{margin:0;pad

她說丶·2020-09-14 01:57

element-ui table 点击某行高亮（修改背景色）

在el-table标签中添加highlight-current-row在style里面设置全局样式：/*用来设置当前页面element全局table选中某行时的背景色*/.el-table__bodytr.current-row>td{background-color:#69A8EA!important;color:#fff;}

qq_184177677·2020-09-14 00:14

Vue Element-UI Table单击行改变颜色

1、先开启element的高亮选项开启highlight-current-row2、设置全局的高亮样式/*用来设置当前页面element全局table选中某行时的背景色*/.el-table__bodytr.current-row>td{background-color:#f19944!important;/*color:#f19944;*//*设置文字颜色，可以选择不设置*/}/*用来设置当前页

Marcus丶·2020-09-14 00:48

vue使用element-ui时遇到的一个问题

前端VUE框架在使用elemen-ui组件时遇到错误：templatesyntaxerrorComponenttemplateshouldcontainexactlyonerootelement.Ifyouareusingv-ifonmultipleelements,usev-else-iftochaintheminstead.大概意思是：模板语法错误组件模板应该正好包含一个根元素，如果你使用的是

boger_hh·2020-09-13 23:25

Vue使用$attrs与$listeners实现多层嵌套传递

element-ui中大量采用此方法。自定

weixin_34403693·2020-09-13 23:35

ElementUI 不维护了？供我们选择的 Vue 组件库还有很多！

这里放两个知乎链接：element-ui是不是不维护了http

十三的博客·2020-09-13 21:10

Vue/Element-ui动态调整左侧菜单栏高度

动态调整左侧菜单栏高度为全body高度，仅供参考....exportdefault{data(){return{containerHeight:{height:""}};},created(){//动态调整左侧菜单栏高度vardocHeight=document.documentElement.clientHeight;this.containerHeight.height=docHeight-2

小鹿慢慢跑·2020-09-13 21:54

element-ui Select 清空model，页面没有清空选中项的问题

业务场景：在dialog每次打开时，选择应用程序要初始化为空。最初的做法为：监听dialog的show状态，当show为false时，设置selectApp为空这样写时，虽然selectApp的值为空了，但是页面仍然显示为上次选中的option。watch:{show:function(val){if(!val){this.selectApp=''}}}解决方案：通过$data来修改值。watch

！sylar·2020-09-13 15:53

element-ui框架中switch数据回显

**active-valueinactive-value前边不加“:”值默认是String类型:active-value:inactive-value前边加“:”值默认是number类型

淚迷·2020-09-13 13:21

vue element-ui 表单校验如何校验上传图片是否为空

点击上传提示：上传文件小于3M注意：包含但不限于《供应商信息登记表》、《供应商调查/审查确认表》提交import{auth}from'@/api/srm/auth'import{getUpload}from'@/api/srm/fileUtils'exportdefault{data(){return{//formvalidaterulesrules:{fileList:[{required:tr

L.@·2020-09-13 13:46

element-ui 对form表单中upload上传组件的验证

将上传组件放入form表单中，可能会遇到，触发了必传验证之后，再次上传图片，必传验证提示信息未消失，如图代码如下//表单组件中嵌入upload组件//验证方法exportdefault{data(){return{form:{imgurl:'',},rules:{imgurl:[{required:true,message:'请上传图片',trigger:'change'}]}}},methods

填了个大空·2020-09-13 13:41

关于element-ui中的switch双向数据绑定影响数据的问题

关于element-ui中的switch双向数据绑定影响数据的问题switch组件官方说明用法警告2019/08/09switch组件官方说明基本用法绑定v-model到一个Boolean类型的变量。

xch752·2020-09-13 13:40

element-ui upload 图片格式验证，文件验证

1、accept="image/jpeg,image/jpg,image/png"浏览到文件夹内你会发现它会过滤掉其他格式的图片只剩这个几个格式的图片验证规则handleAvatarSuccess(res,file){this.formInline.logFile=file.rawthis.imageUrl=URL.createObjectURL(file.raw)},beforeAvatarUp

weixin_38169562·2020-09-13 13:15

vue完整项目，实现即可上岗web前端。

我是在vue手脚架的基础上开始操作的,，用的element-ui组件。原代码已经上传。项目步骤我自己也总结了。大概的界面如下图给大家看看。

天宇流沙·2020-09-13 12:20

vue2.0全部引入element-ui2.x版本报错的解决方法

在用vue2.0全部引入element-ui2.x版本时，会发生如下报错大致意思是element-ui包里的字体文件解析错误。

Mr.Starl·2020-09-13 11:28

vue element-ui el-switch开关获取值问题

绑定：ruleForm:{delivery:1}表格获取：

小鹿慢慢跑·2020-09-13 11:34

element-ui的upload上传图片校验图片的宽高

使用element-ui的upload上传图片，官方文档中提供了在beforePicUpload中校验图片格式和大小的方法，但是没有提供校验宽高方法。

风雨飘飘飘啊飘·2020-09-13 11:03

推荐频道

##element-ui