element-ui
cofecode
这个作者很懒,什么都没留下…
展开
-
element-ui 设置菜单栏展开
element-ui 侧边栏默认要全部展开怎么做?element-ui文档中是这么写的default-openeds 当前打开的sub-menu的key数组给<el-menu></el-menu>标签加上这个属性<el-menu class="el-menu-vertical" @open="handleOpen" @close="handleClose" theme="dark" :default原创 2017-11-02 10:27:51 · 61468 阅读 · 3 评论 -
element-ui el-upload 文件上传 解读
el-upload上传 在标签上可以配置,这里推荐v-bind 动态绑定方法 参数action后面写上传到服务器端的地址(地址)<el-upload class="avatar-uploader" ref="upload" list-type="picture-card" :action="iconImageUrl" :data="{fileType: f原创 2017-09-25 11:29:54 · 14445 阅读 · 3 评论 -
element-ui 格式化时间
原来。element-ui有自己封装好的格式化时间的方法。给时间组件的标签上绑定@change就行。然后再methods方法里面定义change方法<el-date-picker v-model="daterange" type="daterange" placeholder="选择日期范围" @change="dateChange"></el-date-picke原创 2017-08-08 11:32:52 · 2127 阅读 · 0 评论 -
el-upload 与 FormData上传文件
最近在用el-upload做上传图片的功能,用的el-uplod中的点击上传做。但是 点击上传的时候。不会触发action中的post请求,所以就干脆在on-change函数里写入原生的FormData上传文件的方法。getImgUrl () { var fileValue = document.querySelector('.el-upload .el-upload__input')原创 2017-09-25 11:06:46 · 20517 阅读 · 4 评论 -
element-ui 自定义弹框,加入图片
element 组件库里面有弹框组件。实际项目中需要用到弹框。需求是在弹框的div里面放入一张图片。用到的是element弹框组件的最后一个。自定义弹框组件 const h = this.$createElement;官方的js里面是先创建一个类似div的容器元素。message: h('p', null, [ h('span', null, '内容可以是 '), h('i', {原创 2017-08-28 10:10:15 · 12046 阅读 · 2 评论 -
element-ui 给页面上的DOM元素加loading效果
一般element-ui都是给表格加loading效果,也可以给整个页面(body)加loading效果。当然也可以页面上的任何DOM加loading效果。在查询button的标签上添加onSearch方法。<el-button type="primary" @click="onSearch">查询</el-button>onSearch() { const loading = this原创 2017-11-15 13:48:07 · 32934 阅读 · 1 评论 -
element-ui input框 动态更改placeholder
项目中遇到的实际情况:两个单选框,后面跟一个input框,选择某一个单选框的时候,后面的input框的placeholder会跟着变化。比如操作单选框买家,input框后面placeholder出现“请输入买家账号”;操作“卖家”单选框按钮的时候,placeholder变成“请输入卖家账号”两种方法:方法一写两个input框 根据radio的值来做显示和隐藏,完成placeholder的变化(原创 2017-11-15 16:09:55 · 39740 阅读 · 3 评论