html引用elementui不显示图标,elementUI 常见问题及解决办法-CSDN博客

css

elementUI input 的 placeholder样式

.el-input__inner::-webkit-input-placeholder {

line-height: 20px;

}

https://zhidao.baidu.com/question/1899527108513434180.html

进度条背景颜色

环形进度条

https://segmentfault.com/q/1010000012604150

条形进度条

.el-progress .el-progress-bar__outer {

background: #141935;

}

element UI -- 默认样式修改不成功的问题

问题：.el-input__inner {color: red;} ---- 修改之后样式不变

解决办法：去掉 style里的 scoped

https://blog.csdn.net/bobobocai/article/details/81873125

在el-row 或者 el-col 上使用@click失效,

要使用@click.native=”aaa()”才行

https://blog.csdn.net/guxiansheng1991/article/details/77587947

el-select下拉列表设置默认值

https://blog.csdn.net/cofecode/article/details/77979792

给页面上的DOM元素加loading效果

https://blog.csdn.net/cofecode/article/details/78539975

checkbox-group多选框怎么选中id值

https://my.oschina.net/yxmBetter/blog/1647679

el-checkbox @change事件解析及判断是否选中

https://blog.csdn.net/qq_33769914/article/details/81324267

触发el-select展开的事件

https://blog.csdn.net/CarryBest/article/details/79959389

上传

element-ui upload组件上传

https://www.cnblogs.com/SimonHu1993/p/8257075.html

element-ui中upload组件如何传递文件及其他参数

http://www.cnblogs.com/liuruolin/p/7517470.html

element-ui upload组件多文件上传

https://www.cnblogs.com/liuruolin/p/element-ui.html

使用element UI el-upload组件实现视频文件上传及上传进度显示方法总结

https://blog.csdn.net/jerrica/article/details/80854506

elementui当日期组件设置为type=daterange 如何设置最大最小值

https://segmentfault.com/q/1010000010269763

vue2.0 element-ui中input的@keyup.native.enter='onQuery'回车查询刷新整个表单的解决办法

https://www.cnblogs.com/fangnianqin/p/9549900.html

中加上 οnsubmit="return false" 变成

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

el-from 加上 @submit.native.prevent

https://blog.csdn.net/qq_32340877/article/details/80272155

element-ui el-checkbox @change事件

想监测当前点击的el-checkbox 时，el-checkbox 的 @change可以传当前的id值，判断el-checkbox-group的v-model中是否含有该值，来确定当前的状态是选中或者取消

https://blog.csdn.net/qq_33769914/article/details/81324267

el-select 数据回显的是 value值，不是label值

原因：回显的数据类型与value值的数据类型不一致

解决办法：转换数据类型 Number()

警告

[Element Warn][TableColumn]Comparing to render-header, scoped-slot header is easier to use. We recommend users to use scoped-slot header.

解释：与render-header相比，scoped-slot更易于使用。建议使用scoped-slot

级联选择器 Cascader 获取级联对象

https://www.jianshu.com/p/b3e40837ec1d

级联选择器自定义显示内容

goodsOptions: [], // 为渲染数据

defaultData:{ //联级选择

value: 'id',

label: 'name',

children: 'class'

https://blog.csdn.net/xr510002594/article/details/86245903

级联选择器(Cascader)出现空白选项的bug

https://blog.csdn.net/suprezheng/article/details/86586902

element-ui日期的编辑和回显 -- yyyy-MM-dd格式

报错：Error in event handler for "el.form.change": "TypeError: value.getTime is not a function"

https://blog.csdn.net/leeleejoker/article/details/80886278

时间日期默认格式：

value-format="yyyy"

value-format="yyyy-MM-dd"

value-format="yyyy-MM-dd HH:mm:ss"

案例如下：

https://blog.csdn.net/qq_33769914/article/details/82800962

表单验证

https://www.jianshu.com/p/229d4a8b871e

axios 上传文件 post

https://www.jianshu.com/p/1405f389fb1d

https://blog.csdn.net/qq_41688165/article/details/80834842

elementUI 上传文件

文件大小限制：https://blog.csdn.net/weixin_39616772/article/details/84229536

案例参考：https://www.cnblogs.com/yysbolg/p/10516144.html

elementUI 上传文件之后清空

https://www.cnblogs.com/lyyguniang/p/9850696.html

树形控件 el-tree自定义props属性

data () {

return: {

defaultProps: {

children: 'children',

label: function (a, b) {

return a.label+ ' ( ' + a.personNum + '人 )'

}

https://segmentfault.com/q/1010000015393449

树形控件，获取点击的子节点的父节点

https://segmentfault.com/q/1010000012309004

el-input 输入框

el-input 监听enter回车事件

@keyup.enter.native="onSubmit"

https://blog.csdn.net/qq_23614619/article/details/79419029

el-input自动获取焦点

编辑

editClick () {

this.$nextTick(function () {

this.$refs.depName.$el.querySelector('input').focus();

});

https://www.jianshu.com/p/63bfbbbd1e82

el-input内容变化实时监听

https://blog.csdn.net/xiao_shutong/article/details/77145912

局部区域 loading效果

.loading_color {

background: #a3a7d045;

}

.loading_color .el-loading-text,.loading_color .el-loading-spinner i {

color: #fff;

}

element-loading-text="拼命加载中" 设置loading文字

element-loading-background="rgba(0, 0, 0, 0.8)" 设置loading背景

element-loading-spinner="el-icon-loading" 设置loading图标

element-loading-custom-class="loading_color" 设置class名

https://segmentfault.com/q/1010000016532481

注意：需要在某一个拥有el标签的区域用v-loading标签(也可以加一个class名为‘el-a’)

https://blog.csdn.net/wangguoyu1996/article/details/81394817

element UI upload组件上传附件格式限制

accept=".doc,.docx" // word文件

//accept支持上传文件格式

https://blog.csdn.net/github_37847992/article/details/80390673

element-ui中upload组件如何传递文件及其他参数(beforeUpload事件上传)

https://www.cnblogs.com/liuruolin/p/7517470.html

element ui dialog 点击空白处怎么能不自动关闭

:close-on-click-modal="false"

https://zhidao.baidu.com/question/589271034747602805.html

element-ui引入index.css报错(No PostCSS Config found in:)

https://blog.csdn.net/jokren/article/details/86065217