随笔分类 - elementuI
摘要:开始 最近一直在使用 element-ui中的日期组件。 所以想对日期组件常用的做一个简单的总结; 1.处理日期组件选择的时候面板联动问题 2.限制时间范围 解除两个日期面板之间的联动 我们发现2个日期面板之间其实是有联动关系的; 开始时间面板和结束时间面板始终只能相邻; 不能出现开始时间选择3月,
阅读全文
摘要:#### 场景 ``` 当我们使用 Select 选择器存放大量数据的时候。 会发现存在这么2个问题。 1.接口响应时间较长。(因为数据量较多,一次查询的所有)甚至有可能超时。 2.前端下拉框滑动卡顿。 这个时候们如何解决上面面临的问题呢? 有的小伙伴可能会说: 1.分页加载。确实是可以解决问题。
阅读全文
摘要:#### 场景描述 ``` 很多时候我们都需要使用下拉框 Select 选择器。 在获取值的时候,通常只需要传递对应的id给后端就行了。 但是特殊情况,后端不想去查库,不仅需要我们id,还有name,code之类的。 这个时候前端通过id去查询对应的name,code 这样做会写循环,查询,非常的麻
阅读全文
摘要:element-ui表格某一列无数据显示-- 很多时候,表格的某一列可能是没有数据的。 空着了不好看,ui小姐姐会说显示 -- 这个时候,小伙伴是怎么做的呢? 使用循环来判断是否为空,然后赋值为-- <template> <el-table :data="tableData" style="widt
阅读全文
摘要:element-ui表格展开行每次只能展开一行 <template> <el-table :data="tableData" :expand-row-keys="expands" :row-key='getRowKeys' @expand-change="expandChangeHandler" s
阅读全文
摘要:checkbox-group 把多个checkbox管理为一组(需要注意的坑) 很多时候我们需要会遇见这样的场景。 比如用户需要选择多个值. 这个时候我们需要把多个 checkbox 放置在checkbox-group下。 目的是:需要知道用户选择了那些值,并且把这些值发送给后台。 勾选其中一个值时
阅读全文
摘要:第一个问题:无法关闭 弹出框 <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="金额" width="180"> <template slot="header"> <el-popo
阅读全文
摘要:在input框中回车 <el-input @keyup.enter.native="gotoLogin" class="my-el-input" placeholder="请输入机构标识" v-model="tenantCont"> <i slot="suffix" @click="openSele
阅读全文
摘要:<el-select class="my-el-select" v-model="tenantCont" placeholder="请输入机构标识"> <el-option-group v-for="group in options" :key="group.label" :label="group
阅读全文
摘要:<el-select class="my-el-select" v-model="tenantCont" placeholder="请输入机构标识"> <el-option-group v-for="group in options" :key="group.label" :label="group
阅读全文
摘要:<el-select class="my-el-select" v-model="tenantCont" placeholder="请输入机构标识"> <el-option-group v-for="group in options" :key="group.label" :label="group
阅读全文
摘要:<div class="el-tree-box"> <div class="demo-box"> <el-tree class="my-scrool-com" :data="treeList" :props="defaultProps" :expand-on-click-node="false" >
阅读全文
摘要:<el-table :data="TableAwitDoArr" style="width: 100%"> <el-table-column sortable label="申请时间" prop='createTime' width="150"> <template slot-scope="scop
阅读全文
摘要:<div class="con-slider"> <el-slider :disabled="disabledFlag" @change="lastContValue" class="demo-slisder" v-show="Hide" v-model="value2"> </el-slider>
阅读全文
摘要:<el-form-item label="考试时长:" prop="testTimeLong"> <el-input-number style="width:110px" :min="0" v-model="ruleForm.testTimeLong" controls-position="righ
阅读全文
摘要:elementui 的tabs组件出现蓝色边框问题 /deep/ .el-tabs__item:focus.is-active.is-focus:not(:active) { -webkit-box-shadow: none; box-shadow: none; } 这样就简单的解决了 在项目中最好
阅读全文
摘要:<el-popover placement="bottom" width="200" :ref="aa" :visible.sync="reviewVisible" > <div style="text-align: right; margin-top: 20px"> <el-button size
阅读全文
摘要:当点击事件drawer==true时,抽匣回打开 这时抽匣的标题会出现一个难看的蓝色边框,一会就会消失,但是好丑,所以要去掉它 解决方法 /deep/ :focus { outline: 0; } vue组件中,在style设置为scoped的时候,里面在写样式对子组件是不生效的,如果想让某些样式对
阅读全文