elementUI
web coder
这个作者很懒,什么都没留下…
展开
-
element select 下拉数据滚动分页且可搜索
由于下拉项过多,加载速度过慢,所以采用下拉加载方式,同时搜索改为后台搜索,其中remoteMethod就是后台搜索绑定的方法,后台搜索时输入框无法判断是搜索还是选中,所以使用multiple 并且:multiple-limit="1"<el-form-item id="loadMoreSelect" :label="下拉" style="width: 100%;"> <el-select :placeholder="请选择" v-model="selectedUse.原创 2020-07-07 14:26:35 · 6604 阅读 · 4 评论 -
element-ui Input 标签后加搜索图标
<el-form ref="form" :model="form"> <el-input v-model="form.name" placeholder="请输入名称" suffix-icon="el-icon-search"></el-input></el-form>原创 2018-08-07 18:49:49 · 26301 阅读 · 0 评论 -
element 导航菜单,嵌套路由初始化时,页面导航菜单选中,但是页面内容不变的解决办法。
问题描述:<template> <div class="detail-middle"> <el-menu router default-active="/pointDetail/:id/firePointMap" class="el-menu- demo" mode="horizontal">原创 2018-08-17 09:55:58 · 9357 阅读 · 1 评论 -
vue element-UI前端分页
需求:后台获取数据,在前端分页说明:在table组件加入 :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)" 其中:currentPage:当前页 pagesize:页码包含条数当然当然,以上参数也要和分页参数关联上。table的插件 <el-tabl...原创 2018-08-30 19:10:30 · 7802 阅读 · 0 评论 -
element 自定义验证及验证同时在规则里为字段赋值
有时候element的表单验证无法满足我们都的需求,我们就需要写自定义验证。现有如下需求,需要验证某个输入的字段是否含有不位于首尾的“.”字符,同时在末尾加上字符串“哈哈哈”,实现:使用element自定义的自定义验证,首先在页面中写入<el-form status-icon ref="subform" class="demo-ruleForm" :model="subf...原创 2018-11-13 18:27:01 · 2898 阅读 · 0 评论 -
Vue 样式切换及三元判断样式关联
假设有需求:后台返回状态1:启用,0:禁用1、若要使启用为绿色,禁用不添加其他样式 <el-table-column prop="statusName" align="center" label="状态"> <template slot-scope="scope">原创 2018-11-14 14:51:05 · 8201 阅读 · 0 评论 -
element table自定义样式
现有需求如下表头的下边框为默认实现,除表头外的下线框为虚线,并且第一列的数据有下划线element ui 官网提供了各种方法http://element-cn.eleme.io/#/zh-CN/component/table其中:cell-style可以自定义单元格的样式,可以在定义表的时候写入 <el-table :data="tableDa...原创 2018-11-20 17:23:37 · 5767 阅读 · 0 评论 -
Vue 列表页table点击跳转详情页后返回列表页table变色
需求:列表跳详情后,返回列表页,所有点击过的列表项变色;实现:一、将跳转的列表信息存储在sessionStorage里 二、返回列表的时候,取出sessionStorage信息,给table附样式代码:在详情页获取传递过来的行id,并存储在sessionStorage里,写在vue 的mounted里,注释已经很全了mounted(){ var i...原创 2018-12-07 14:21:47 · 2905 阅读 · 0 评论 -
element-ui条件rules
<el-form-item prop="name" :rules="this.id==1?rules.name:[{ required: false, trigger: 'blur' }]" :label="姓名" :label-width="100px" ...原创 2019-06-13 10:11:40 · 7565 阅读 · 0 评论