##element-ui 第91页

用vue、bootstrap等框架的时候，如何使用更多的icon图标

使用bootstrap或者element-ui等ui框架的时候，肯定感觉icon功能很爽，然而就是有些想要的图标，框架里面没带，怎么办。

老胡聊聊天·2020-09-16 23:28

element-ui el-tabs 使用echarts切换时无法正常显示图表

echarts图表来回切换时会出现宽度失效的问题，导致图表变形，用v-if或者lazy就能解决。子组件页面exportdefault{name:"echarts",props:{tmpData:{type:Array,default(){return[62,82,91,84,109,110,120]}}},data:function(){return{echart:null};},mounted:

老佛爷-Lee·2020-09-16 23:06

vue element-ui tree 鼠标移入出现添加、修改、删除等按钮

1、tree组件代码{{node.label}}（{{data.space_property_name}}）-->removeDialogVisible(node,data)"title="删除该空间"v-if="data.space_id!='0'">2、样式style.tree_w{padding:20px30px}.custom-tree-node{flex:1;display:flex;a

NANA北极·2020-09-16 23:26

vue中的@click.native.prevent，点击事件加上native.prevent究竟有什么用呢？

在项目发版的总结过程中，突然看到@click.native.prevent，很好奇它的用法，一开始还以为是element-ui里面自带了，看了之后也没有啊，上网搜集了资料，打算记录下来。

一颗甜橙树·2020-09-16 23:36

Vue+VueRouter+Webpack+Axios+ElementUI---构建项目实战(五)引入Element-UI和编写基础文件

执行以下命令：yarnaddelement-ui安装结束后，在main.js添加代码如下://引入ElementUIimportElementUIfrom'element-ui'import'element-ui

谁是春风·2020-09-16 23:00

element-ui表单校验实现数值型兼容空值

rules:{mandarinLevel:[{message:'请选择普通话水平',trigger:'change',transform(val){if(val){returnNumber(val)}}}],}传递数值型，可以包容空值

fredricen·2020-09-16 22:13

Vue -- element-ui el-table 的合计在第一行显示并可点击

使用element-uiel-table中有这样一个需求，需要将合计放在表格内容的第一行，并且点击合计可跳转到其它页面！框架中提供了合计的属性方法，这样可以进行数值求和及自定义求和，但是，合计那一栏不能添加点击跳转功能，结构默认排到最底行，不满足需求通过给table传入span-method方法可以实现合并行或列，方法的参数是一个对象，里面包含当前行row、当前列column、当前行号rowInd

dianjiao8565·2020-09-16 22:26

vue element项目引入icon图标

为了减少页面的加载速度,提高用户体验,对于一些图片决定使用图标代替,但是发现element-ui的图标少得可怜,完全满足不了我的要求,于是决定在element-ui的项目里引入第三方的图标库.因为阿里巴巴海量的图标

考拉波斯猫·2020-09-16 22:18

解决Element-ui table合计不显示的问题

有时候需要在table的底部有合计，这时候官方给的是在table里设置，show-summary就可以了但是给table加了一个固定高度的话，就不显示了，打开控制台可以看到这个合计是存在的那么需要做两步,合计即可出现1.在vue的生命周期updated中加上以下代码:this.$nextTick(()=>{this.$refs['table'].doLayout();})2:在el-table标签

小柠檬爱编程·2020-09-16 22:42

vue引入icon图标库的方法

如果写成这样的前缀，会和element-ui框架所带的图标（icon）冲突，导致你图标显示不出来2）、fontFamily随便起一个名字，能记住就行3）、项目创建完了，你

午夜灬玫瑰焰·2020-09-16 22:09

Vue在Element-ui项目中如何使用Iconfont(阿里图标库)

我们使用element-ui、vue开发网站的时候，往往图标是起着很重要的作用。下面是vue、element-ui项目，如何使用阿里iconfont图标库的方法。

JackieDYH·2020-09-16 21:45

【element-ui用法】el-radio-group默认选择和数据回显问题的解决方案

错误的代码如下：是否在高人的指点下，查到了问题所在：修改后的代码如下：是否

No8g攻城狮·2020-09-16 19:52

nuxt以按需引入组件的方式使用ui框架

这里不对nuxt进行一个介绍，我们这里只介绍下ui框架如何在nuxt按需引入，ui框架如：vant-ui、element-ui等。

老夫风清扬·2020-09-16 19:21

使用vue单页面开发按需加载使用UI库

在日常开发中，为了优化性能，较少前端代码量，一般在使用其他框架时会采用按需加载的方式引入使用，以下以vue-cli3为例如何使用element-UI：step1安装element-uinpmielement-ui-Sstep2

冷太阳a·2020-09-16 17:51

关于在el-table中使用el-popover碰到最后一行显示问题和解决

问题在使用element-ui过程中碰到个问题，想在el-table中实现点击表格出现浮框，显示内容，通过文档查到了el-popover这个控件，在刚使用的时候如下方所写。

香酥蟹·2020-09-16 17:20

如何改变element-ui框架的message弹框提示时间

1.2.http://element-ui.cn/#/zh-CN/component/message官网文档

zuo_zuo_blog·2020-09-16 17:13

《Element-UI Switch之动态绑定》

前言：根据Element-UI的官网对Switch开关进行使用，可是发现却不起作用，接下来看小编是如何来斩妖除魔的吧正文：首先，Switch的开关控制，官网提供有三种数据类型：boolean/string

杨晓风-linda·2020-09-16 17:42

axios请求封装（多请求链接）

importaxiosfrom'axios'import{Message,MessageBox}from'element-ui'importstorefrom'..

a丶谁谁·2020-09-16 17:02

element-ui中table大量数据渲染卡顿

element-ui中的el-table在使用大量数据的时候卡顿、卡顿、卡顿（重要的事讲三遍），特别是在table中还使用el-checkbox来进行全选的时候，点击按钮直接卡顿3s界面才渲染，有没有很痛苦

a丶谁谁·2020-09-16 17:01

vue自定义弹窗拖动指令

在使用element-UI时，使用了dialog弹框，但是文档里没有拖动dialog的属性，但是现在需要这个功能，其实我们知道原生是可以写拖动的，那么就自定义一个指令v-dialogDrag吧。

一头浓密的黑发·2020-09-16 17:30

vue中switch开关控制其他组件的禁用状态

函数中disabled的值进行取反，另一个组件的disabled属性绑定isdisabled，就可以在switch开关中修改其他组件的disabled属性来打开importElementUIfrom'element-ui

Cardhu丶·2020-09-16 16:09

element-ui popover

使用element-uipopover组件通过数据渲染出多个popover时点击取消时没反应问题使用element-ui在table组件中删除数据操作时弹出popover提示，通过数据渲染时，会渲染出多个

lkkkks·2020-09-16 16:08

在element-ui中的message组件内使用html片段，如何使片段内的vue指令和v-bind生效。

这是公司的设计图：我想使用element-ui中的message组件实现，但是遇到了一些问题。

爱情与灵药cium·2020-09-16 16:16

element-ui Popover offset

show转载于:https://www.cnblogs.com/trend/p/10689409.html

weixin_34242509·2020-09-16 16:00

element-ui NavMenu菜单组件垂直显示时点击其它区域关闭子菜单解决方法

element-ui2.4.10的NavMenu组件mode为"vertical"，当子菜单展示时，如果点击子菜单以外的任何区域，会把打开的子菜单关闭，这个十分不合理，另外点击父菜单时，只会展开子菜单，更合理的方式是，点击父菜单，在展开子菜单的同时打开父菜单所指向的链接，或者打开第一个子菜单指向的链接。因为项目紧急，等不及官方更改，官方也可能不会更改，所以只有自己动手修改源码了，在此记录一下修改方

weixin_34082177·2020-09-16 16:21

解决vue+element 键盘回车事件导致页面刷新的问题

第一种解决方法：12复制代码具体是参考element-ui文档解决的W3C标准中有如下规定：Whenthereisonlyonesingle-linetextinputfieldinaform,theuseragentshouldacceptEnterinthatfieldasarequesttosubmittheform

weixin_33948416·2020-09-16 16:44

使用element-ui 的table 渲染数据遇到的问题

通常我们使用一个table来渲染服务的返回来的数据时，数据结构一般都是按row来返回的，并且表头也是固定的但是如果接口返回的数据结构不是我们想要的，表头也不确定时，我们该如何解析数据，将数据进行二次加工，转换成为我们想要的数据结构下面是一个例子，其中tableData就是返回的数据，是按列返回的，我们通过遍历数据把它转化为行数据结构：import{jsonData}from'views/data/

weixin_33859504·2020-09-16 16:07

element-ui的table组件的纵向滚动条在切换页码后回到顶部，以及纯前端控制分页显示的数据...

关键代码：this.$refs.table.bodyWrapper.scrollTop=0;示例：html:js://当前页码发生更改时changePage(){//this.getData()//请求接口，由后端控制当前页码所对应的数据this.$refs.table.bodyWrapper.scrollTop=0;this.tableData=this.tableDataAll.slice((

weixin_30838873·2020-09-16 16:51

element-ui table表格展开行每次只能展开一行

https://www.jianshu.com/p/a59c22202f2c查看折叠面板type为expand。方法：@expand-change="expandSelect"expand-change:当用户对某一行展开或者关闭的时候会触发该事件exportdefault{data(){return{expands:[],getRowKeys(row){returnrow.id},tableDa

weixin_30263277·2020-09-16 16:56

[通识][前端][element-ui] 分页器使用的注意事项

前言好久没有写过分页器了,现在使用到分页器突然忘记了很多细节.故整理成博客,后续开发的时候当做checklist来对照,防止大意而被测试提单.我使用的是element-ui框架中的完整功能分页器概述完整功能分页器

AlexDeng2019·2020-09-16 16:25

Element-UI table的高度动态自适应 !

从官方文档，我们可以知道table想要设置高度，就必须在table里面设置高度但是，如果你只输入一个固定的值，那么table的高度就会固定死，达不到我们想要的动态的效果因此，我们可以这样做在height中使用window.innerHeight，返回窗口的文档显示区的高度（这是一个动态值，随着我们浏览器大小会变化）。好了，到这里，小伙伴们是不是以为就结束了………才怪!虽然这时候，已经可以根据窗体大

Masics丶·2020-09-16 16:17

element 组件 (1)

npmielement-ui-S（b）目前可以通过unpkg.com/element-ui获取到最新版本的资源，在页面上引入js和css文件即可开始使用。

Erinsweet·2020-09-16 15:28

element-ui popover 在表格中使用，不显示解决方案

element-uipopover在表格中使用，不显示解决方案代码如下{{scope.row.date}}姓名:{{scope.row.name}}住址:{{scope.row.address}}{{scope.row.name}}编辑确定删除取消确定删除关键代码确定删除取消确定删除–看到网上有一种方案是在data里面塞一个控制显示隐藏的字段，也能达到效果–

qq l vz z·2020-09-16 15:12

element-ui select下拉框远程搜索回填选项的时候为什么不能点击

在编辑的时候可能需要回填你开始利用远程搜索选好的那些选项。//获取主讲老师getTeacherLists(query){this.mainteacherlist=[];letzoneid;if(this.addFormVisible==true){zoneid=this.addForm.zoneid||this.zoneid}//添加页面else{zoneid=this.editForm.zone

夏天想·2020-09-16 15:11

基于element-ui的动态列分页表格（动态控制表格列的显隐）

markix·2020-09-16 15:59

element-ui表格动态选择显示的列

添加一列exportdefault{data(){return{tableData:[{date:"2016-05-02",name:"王小虎",address:"上海市普陀区金沙江路1518弄"},{date:"2016-05-04",name:"王小虎",address:"上海市普陀区金沙江路1517弄"},{date:"2016-05-01",name:"王小虎",address:"上海市普

曼曼的成长之路·2020-09-16 15:15

vue-cli使用vant-ui时间选择器DatetimePicker和选中的时间修改以及开始时间不能超过结束时间实例

element-ui的时间选择器一条龙服务引入组件就可以实现时间选择以及选中时间的渲染，而vant-ui官方文档虽然有关于时间选择器的使用，但是发现只能引入选择时间的组件，什么功能都没有实现，所有的逻辑都要靠自己写

想吃一碗云吞面·2020-09-16 15:06

element-ui的popover问题

仿照官网写完，没有出来，还报了个错，Cannotreadproperty'$refs'ofundefined然后百度发现是el-popover要放在触发的button前面才可以。

前端开发终生学习者·2020-09-16 15:14

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

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

狼魂豹速·2020-09-16 15:57

element-ui的el-tooltip与show-overflow-tooltip不显示

突然发现不知何时el-table-column中使用show-overflow-tooltip不显示提示el-tooltip标签也不显示提示我这种情况的解决办法：删除node_modules模块，再安装一下

littlebearGreat·2020-09-16 15:24

el-popover 位置问题，第一次点击位置乱飘，第二次点击恢复正常

element-ui中el-popover,项目中使用时位置总是不固定，可能是什么元素影响的，发现第一次点击的时候，弹出框的高度比第二次点击少了很多，搞了半天没有头绪，请求前端大佬帮助~直接固定el-popover

xkng·2020-09-16 15:54

vue element-ui 登录回车事件的问题与解决

前言：pc端的登录用回车更简单方便，但是element的键盘事件好像只有input可以加，也只能选中才可触发，非常不友好在网上找到如下解决方法：登录加入这段代码：created(){var_self=this;document.onkeydown=function(e){if(window.event==undefined){varkey=e.keyCode;}else{varkey=window

julying·2020-09-16 15:50

element-ui Cascader 获取对应的 label

关于elementUI中cascader选中值后，不能同时获value和label，这一问题，我用这个控件是循环用的那么怎么获取对应的label看了官网先定义是事件blur事件当然可以自定义然后获取到数据就能拿到对应的数据了--------------2019.3.1补发----------------这几天老是觉得那样获取不舒服然后我换了一种方法这种还比较不错的转载于:https://www.c

aaa1110222·2020-09-16 14:43

element-ui proper选择弹出框定位错乱

在开发的过程中是否遇到过选择弹出框定位不能跟着选择框移动而移动的问题而烦恼呢，我有过，为了让大家从坑里跳出来，我有必要简单告诉你一下哟，挺好了。。。。我们先来复现一下我们的问题把，有图有真相嘛，如下图1图1：选择弹出框定位错误复现图处理方案：1、如果是el-select在el-select标签中加入:popper-append-to-body="false"这个属性，记住前面有“：”哟。2、如果是

前端小峰·2020-09-16 14:13

element-ui table 实现表格展开行每次只能展开一行

https://www.cnblogs.com/qianjin888/p/10246108.htmlhttps://blog.csdn.net/katy_1/article/details/851131911、table部分:row-key='getRowKeys':expand-row-keys="expands"@expand-change="expandSelect"2、column部分：参

NRlovestudy·2020-09-16 14:03

Vue中使用element-ui对表格指定列进行前端全部排序

一：先看效果二：步骤1、对el-table绑定sort-change事件@sort-change="sort_change"如图：2、需要排序列设置sortable=“custom”属性如图：3、data中存数据//表格数据data(){return{tableData:[],//存放column.prop的字符串值proptype:"",//排序后为第一页pagesNum:1}}4、js实现代码

Jack_13201·2020-09-16 14:43

element-ui $notify自定义html 和点击事件

最近公司需求，循环查询后台日志，有新数据弹出提示，效果类似$notify的样式，然后踩了一些坑，这里记录下，帮助一些朋友。问题可以弹出，但是自定义的内容无法自定义事件。比如相加一个button按钮，却无法对这个button监听点击事件。后台查询并不会返回新增的日志，而是将所有的日志返回，需要前端对内容判断，确定哪些东西是新增，哪些是之前就有的日志。新增的就弹出，之前有的就不用动。解决查询发现vue

语默大帅锅·2020-09-16 14:59

element-ui的popover组件位置偏移

element-ui的Popover组件在使用的时候，如果el-popover里面的数据是动态的，有时候会出现位置偏移不在可视区域范围内的情况，主要是popper-options这个参数要设置，还请大家看看

a丶谁谁·2020-09-16 14:53

element-ui的组件message

vue中按需引入message踩的坑import{Message}from'element-ui'//加入下面两行代码不需要Vue.ues()注册然后就可以按照官网正常使用Vue.prototype.

哦哦哦奥斯丁·2020-09-16 14:13

vue解决element-ui中循环产生的popover中的内容手动点击完操作后隐藏

1.想要功能--如下图：既点击弹窗中的列表项之后，弹窗popover隐藏2.解决方法-没有使用回调时在el-popover中加属性:ref="popover-${scope.$index}"在列表项中加@click="scope.self.$refs[popover-${scope.$index}].doClose()"3.解决方法-回调操作时(也适合el-popover中的内容直接用的子组件)页

weixin_38203203·2020-09-16 14:34

推荐频道

##element-ui