#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...

getElementsByClassName简单实现

functiongetElementsByClassName(node,className){varaClassReg=className.split('').map(function(item){returnnewRegExp('(^|\s)'+item+'(\s|$)');});varchilds=node.get...

render函数、createElement函数与vm.$slots

1、render函数、createElement函数Vue.component('es-header',{render:function(createElement){returncreateElement({'div','我是header'})},props:{}})//等同于Vue.component('es-he...

一个巧妙的方法实现elementUI的table的行选中

  问题背景:点击上面的框,选中下面对象的行数据  刚开始考虑使用的是table的事件:toggleRowSelection,但是发现一个奇怪的现象<divv-if="orderData.length>0"><h5>审核意见:</h5><divclass="reviewb...

ElementUI的提示框的使用记录

1、popover点击之后隐藏  问题描述:做了一个通知面板功能,下面提示信息有路由,每次点击消息呢,就跳转到了路由页面,但是此时这个面板没关闭,希望将其关闭  解决:官方文档有个属性<div><el-popoverpopper-class="messagePopper"placement="bott...

Element table使用技巧详解

1、控制table某些行数不显示  下载附件的需求,有些行有附件,有些没有,所以需要过滤,重点是:Array.filter()使用<el-card:body-color:#800000;">"{padding:'20px10px'}"><h5>附件列表</h5><el-tabl...

ElementUI日期选择器时间选择范围限制

  ElementUI是饿了么推出的一套基于vue2.x的一个ui框架。官方文档也很详细,这里做一个element-ui日期插件的补充,官方文档中使用picker-options属性来限制可选择的日期,这里举例子稍做补充。一、单个输入框的//组件代码<el-date-pickerv-model="value1"t...

修改elementUI组件样式无效的问题研究

  问题背景:el-tabs的选项卡默认字体是14px,大了,想改成12px,结果在style里面加样式总是不生效。  解决:样式放到app.vue里面,样式就生效了.panel-content.el-tabs__item.is-top{font-size12px}  原理分析:在vue组件中我们经常需要给style添...

elementUI实现前端分页

  按照他的文档来写分页,最主要的是el-table里面展示的数据怎么处理<el-table:data="AllCommodityList.slice((currentPage-1)*pagesize,currentPage*pagesize)"bordercolor:#800000;">"width:100%"...

ElementUI表单验证使用

1、设计校验方式:  我们表单验证的rules一般封装一个单独的js文件,比如我之前写的这个博客:  ElementUI使用问题记录:设置路由+iconfont图标+自定义表单验证   可以修改下:公共的校验写在公共里面,个性化的校验写在methods里面  :rules="[rules.password,{...

Vue上传文件:ElementUI中的upload实现

一、上传文件实现  两种实现方式:1、直接action<el-uploadclass="upload-file"drag:action="doUpload":data="pppss"><iclass="el-icon-upload"></i><divclass="el-uplo...

ElementUI使用问题记录:设置路由+iconfont图标+自定义表单验证

一、关于导航怎么设置路由  1、在el-menu这个标签的属性中添加router,官方文档的解释是:启用vue-router这种模式  2、在el-menu-item标签中的index属性直接书写路由,就可以实现正常vue-router了  3、在el-menu-item标签中书写路由属性::route='{path:...

chrome获取页面element的xPath

chrome真的是强大的工具1.在chrome打开的页面点击F12,进入开发者模式2.点击弹出的开发者工具左上角的跟踪箭头,再点击需要跟踪的页面元素,html程序定位到元素在程序中位置3.选中的程序语句左侧的三个点---copy---copyXPath...

elementUI中el-upload组件的经验

使用: this.$refs..uploadFiles来获取已选择的文件数```<el-form:model="ruleForm"ref="ruleForm"><el-form-itemlabel="上传文件"><el-uploadref="uploada":action="mi...

vue-element-admin 405错误

main.jsimport{mockXHR}from'../mock'//if(process.env.NODE_ENV==='production'){mockXHR()//}   把"production"改成“development”即可,或者把这个判断语句去...
代码星球 代码星球·2020-06-20
首页上一页...1516171819...下一页尾页