随笔分类 -  前端组件

element-UI+Vue:el-table批量删除时，清除table选择数据
摘要：1、添加ref 1 <el-table ref="multipleTable"></el-table> 2、清楚所选数据 1 this.$refs.multipleTable.clearSelection(); 阅读全文
posted @ 2020-12-01 09:16 一江春水向东刘小姐 阅读(3653) 评论(0) 推荐(0)
多个el-card自适应高度对齐问题
摘要：原因：由于el-card多个自适应高度导致排列错乱问题， 源代码： 1 <el-row :gutter="20" v-for="(item ,index) in deviceList" :key="index"> 2 <el-col :span="6"> 3 <el-card class="box- 阅读全文
posted @ 2020-10-28 18:39 一江春水向东刘小姐 阅读(10981) 评论(0) 推荐(1)
Element ui中el-dialog弹出框被遮罩层挡住问题
摘要：1、问题描述：明显的第二层收货地址没有高亮，需要点击鼠标才高亮 2、解决办法： 1 <el-dialog title="收货地址" :modal-append-to-body="false"> 阅读全文
posted @ 2020-09-16 09:23 一江春水向东刘小姐 阅读(3826) 评论(0) 推荐(0)
Element UI使用表格动态渲染数据
摘要：json数据多层嵌套如何实现渲染 例如：我们表头需要第一层的datetime和data下面的属性 解决办法： 1 <!-- 表格 --> 2 <el-table 3 id="out-table" 4 :data="tabeldata" 5 style="width: 100%;" 6 tooltip 阅读全文
posted @ 2020-08-17 14:57 一江春水向东刘小姐 阅读(10038) 评论(0) 推荐(0)
Element ui表格数据无法将分页数据导出问题
摘要：问题： 将两表格导入页面后，设置分页，无法将分页后的数据导出excel,只能导出第一页； 解决办法： 通过$nextTick()，简单的来说是在下次DOM更新循环结束之后执行延迟回调，在修改数据之后使用$nextTick，则可以在回调中获取更新后的DOM（dom的改变是发生在nextTick()之后 阅读全文
posted @ 2020-08-17 14:32 一江春水向东刘小姐 阅读(1235) 评论(0) 推荐(0)
Element 将表格中的数据导出
摘要：1、需求（需要将查询的数据导出） 2、代码 1 <!-- 表格 --> 2 <el-table 3 id="out-table" 4 :data="data.slice((currentPage - 1) * limit, currentPage * limit)" 5 style="width: 阅读全文
posted @ 2020-08-15 14:54 一江春水向东刘小姐 阅读(2722) 评论(0) 推荐(0)