51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#ELEM
warning: React does not recognize the xxx prop on a DOM element
这是React不能识别dom元素上的非标准attribute报出的警告,最终的渲染结果中React会移除这些非标准的attribute。通常{...this.props}和cloneElement(element,this.props)这两种写法,会将父级别无用的attribute传递到子级的dom元素上。例如:fun...
代码星球
·
2020-06-29
warning
React
does
not
recognize
getElementsByClassName简单实现
functiongetElementsByClassName(node,className){varaClassReg=className.split('').map(function(item){returnnewRegExp('(^|\s)'+item+'(\s|$)');});varchilds=node.get...
代码星球
·
2020-06-28
getElementsByClassName
简单
实现
render函数、createElement函数与vm.$slots
1、render函数、createElement函数Vue.component('es-header',{render:function(createElement){returncreateElement({'div','我是header'})},props:{}})//等同于Vue.component('es-he...
代码星球
·
2020-06-27
函数
render
createElement
vm.
slots
一个巧妙的方法实现elementUI的table的行选中
问题背景:点击上面的框,选中下面对象的行数据 刚开始考虑使用的是table的事件:toggleRowSelection,但是发现一个奇怪的现象<divv-if="orderData.length>0"><h5>审核意见:</h5><divclass="reviewb...
代码星球
·
2020-06-27
一个
巧妙
方法
实现
elementUI
ElementUI的提示框的使用记录
1、popover点击之后隐藏 问题描述:做了一个通知面板功能,下面提示信息有路由,每次点击消息呢,就跳转到了路由页面,但是此时这个面板没关闭,希望将其关闭 解决:官方文档有个属性<div><el-popoverpopper-class="messagePopper"placement="bott...
代码星球
·
2020-06-27
ElementUI
提示
使用
记录
Element table使用技巧详解
1、控制table某些行数不显示 下载附件的需求,有些行有附件,有些没有,所以需要过滤,重点是:Array.filter()使用<el-card:body-color:#800000;">"{padding:'20px10px'}"><h5>附件列表</h5><el-tabl...
代码星球
·
2020-06-27
Element
table
使用技巧
详解
ElementUI日期选择器时间选择范围限制
ElementUI是饿了么推出的一套基于vue2.x的一个ui框架。官方文档也很详细,这里做一个element-ui日期插件的补充,官方文档中使用picker-options属性来限制可选择的日期,这里举例子稍做补充。一、单个输入框的//组件代码<el-date-pickerv-model="value1"t...
代码星球
·
2020-06-27
ElementUI
日期
选择器
时间
选择
修改elementUI组件样式无效的问题研究
问题背景:el-tabs的选项卡默认字体是14px,大了,想改成12px,结果在style里面加样式总是不生效。 解决:样式放到app.vue里面,样式就生效了.panel-content.el-tabs__item.is-top{font-size12px} 原理分析:在vue组件中我们经常需要给style添...
代码星球
·
2020-06-27
修改
elementUI
组件
样式
无效
elementUI实现前端分页
按照他的文档来写分页,最主要的是el-table里面展示的数据怎么处理<el-table:data="AllCommodityList.slice((currentPage-1)*pagesize,currentPage*pagesize)"bordercolor:#800000;">"width:100%"...
代码星球
·
2020-06-27
elementUI
实现
前端
分页
ElementUI表单验证使用
1、设计校验方式: 我们表单验证的rules一般封装一个单独的js文件,比如我之前写的这个博客: ElementUI使用问题记录:设置路由+iconfont图标+自定义表单验证 可以修改下:公共的校验写在公共里面,个性化的校验写在methods里面 :rules="[rules.password,{...
代码星球
·
2020-06-27
ElementUI
表单
验证
使用
Vue上传文件:ElementUI中的upload实现
一、上传文件实现 两种实现方式:1、直接action<el-uploadclass="upload-file"drag:action="doUpload":data="pppss"><iclass="el-icon-upload"></i><divclass="el-uplo...
代码星球
·
2020-06-27
Vue
上传
文件
ElementUI
中的
ElementUI使用问题记录:设置路由+iconfont图标+自定义表单验证
一、关于导航怎么设置路由 1、在el-menu这个标签的属性中添加router,官方文档的解释是:启用vue-router这种模式 2、在el-menu-item标签中的index属性直接书写路由,就可以实现正常vue-router了 3、在el-menu-item标签中书写路由属性::route='{path:...
代码星球
·
2020-06-27
ElementUI
使用
问题
记录
设置
chrome获取页面element的xPath
chrome真的是强大的工具1.在chrome打开的页面点击F12,进入开发者模式2.点击弹出的开发者工具左上角的跟踪箭头,再点击需要跟踪的页面元素,html程序定位到元素在程序中位置3.选中的程序语句左侧的三个点---copy---copyXPath...
代码星球
·
2020-06-27
chrome
获取
页面
element
xPath
elementUI中el-upload组件的经验
使用: this.$refs..uploadFiles来获取已选择的文件数```<el-form:model="ruleForm"ref="ruleForm"><el-form-itemlabel="上传文件"><el-uploadref="uploada":action="mi...
代码星球
·
2020-06-21
elementUI
el-upload
组件
经验
vue-element-admin 405错误
main.jsimport{mockXHR}from'../mock'//if(process.env.NODE_ENV==='production'){mockXHR()//} 把"production"改成“development”即可,或者把这个判断语句去...
代码星球
·
2020-06-20
vue-element-admin
错误
首页
上一页
...
15
16
17
18
19
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他