随笔分类 -  elementuI

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

点击右上角即可分享
微信分享提示