随笔分类 -  VUE

vue2 中 el-table 实现树形列表，支持增删改等操作
摘要：el-table实现树形列表，支持增删改等操作 阅读全文
posted @ 2023-12-14 15:29 scallop 阅读(3582) 评论(0) 推荐(0)
基于el-table，实现一个简单分页多选功能
摘要：分页时，仍然保留勾选的数据和选中的状态。 实现思路：利用对象属性不可重复的特性 代码如下： <template> <div> <el-table ref="table" :data="tableData" size="small" height="100%" @selection-change="h 阅读全文
posted @ 2021-11-30 17:30 scallop 阅读(956) 评论(0) 推荐(0)
当el-input输入多行内容，反显时，字符串需要换行显示
摘要：字符串换行显示 阅读全文
posted @ 2021-04-07 14:45 scallop 阅读(9577) 评论(0) 推荐(0)
js判断两个数值区间是否存在重叠或覆盖
摘要：分享一个比较好的判断区间是否重叠的方法 栗子：比如学校排课表的课时，判断同一天是否存在重叠； 数据举例：A课程：开始课时第1节，结束课时第3节，B课程：开始课时第2节，结束课时第4节。 思路：比较开始课时数组的最大值和结束课时数组的最小值，若小于或等于则重叠，反之不重叠，也就是没有交集或包含的情况。 阅读全文
posted @ 2021-01-05 16:35 scallop 阅读(3602) 评论(0) 推荐(0)
解决vue-print-nb打印el-table，不同分辨率下，打印显示不全的问题
摘要：使用vue-print-nb打印，不同分辨率（1366一下或1600以上）时，el-table有些列没有打印出来（页面能够正常展示），查看官方api，通过设置打印样式也无法全部打印： 1 printObj:{ 2 id:"printId", 3 popTitle:"", 4 extraHead: ' 阅读全文
posted @ 2020-12-24 16:00 scallop 阅读(15459) 评论(10) 推荐(3)
el-table设置自定义表头，当表头内容过长时，鼠标悬浮显示完整内容
摘要：代码： <el-table-column label="来源" > <el-table-column v-for="(item, index) in list" :key="index" :prop="propValue" min-width="120" > <template slot="head 阅读全文
posted @ 2020-09-29 15:45 scallop 阅读(3337) 评论(0) 推荐(0)
省市用element级联选择器，构造树形结构的数据（两层）
摘要：//省市数据格式化 element 级联选择器 树形结构 /** * @param {Object} addressMap 数据源 * @param {String} idKey 数据id * @param {String} pIdKey 父节点id * @param {String} childr 阅读全文
posted @ 2020-08-05 10:35 scallop 阅读(860) 评论(0) 推荐(0)