- 博客(139)
- 收藏
- 关注
原创 用ul和li模拟一个可以点击的日历
用ul和li模拟一个可以点击的日历,因为需求是如果某天有事件则需要自动标红,效果图如下。这处因为需要和时间选择器联动 ,所以把这个页面封装成一个组件,代码。
2024-01-23 15:56:22 495
原创 el-table,列表合并,根据名称列名称相同的品名将其它列值相同的进行合并
el-table,列表合并,根据名称列名称相同的品名讲其它列值相同的进行合并,并且不能垮品名合并。用到el-table合并行的方法合并。然后在初始值的时候调取方法。
2023-11-28 14:30:19 1238
原创 用js切割文字,超出省略
因为项目需要,当人员超过两个事则进行超出省略,如将一个 “张三,李四,王五”,这样的字串切割成"张三,李四…主要用的是基础的切割法。
2023-11-20 11:21:35 273
原创 el-table树状表格末行合计
然后用合并的方法,此处就需要递归去计算,根据props去匹配每一列的数据,然后加起来,关键代码。首先,由于我的表头是动态的,所以就稍微复杂一点。表格的数据格式是这样的。表头数据格式是这样的。
2023-11-01 16:00:45 396
原创 js递归删除掉多层树状数据中disabled为 true的对象
如果 disabled 不为 true,则创建一个新对象,包含 rest 的属性,以及递归调用 removeDisabledObjects 处理后的 children。如果 disabled 为 true,则返回 null,表示删除该节点。在遍历过程中,函数首先检查当前节点 data 是否为数组,如果是数组,则使用 map 方法遍历数组中的每个元素,并对每个元素调用递归函数 removeDisabledObjects 进行处理。它接收一个数据对象 data 作为参数。最后,函数返回经过处理后的数据对象。
2023-09-20 16:51:30 246
原创 el-table 翻页记住上页选项,包含回显选中的数据
一定要做的操作就是清空一下选中的数据,否则不生效,this.$refs.selectTable.clearSelection();最后在保存之前把勾选中的数组和新数组 this.selectedRowsAll拼接一下。需求为翻页记住上页选项,包含回显选中的数据,然后还能进行新增和取消勾选。然后就是处理选中的数据,和原数组进行对比,进行回显和取消的操作。首先element管网有提供及住翻页功能。所以可以根据官网提供的方法来改造。
2023-09-14 15:17:34 538
原创 el-cascader 根据 已知数据 子节点的id 获取对应的所有父节点id
el-cascader 根据 已知数据 子节点的id 获取对应的所有父节点id,从左至右是一级id,二级id,三级id。
2023-09-11 11:29:16 850
原创 vue+vant 输入框只允许输入数字,并且保留两位小数
因为根据api提示,校验只返回true或者false,所以需要用正则去判断。vue+vant 输入框只允许输入数字,并且保留两位小数。
2023-09-08 11:18:18 3134
原创 高德地图,绘制矢量图形并获取经纬度
我用的是AMapLoader这个地图插件,会省去很多配置的步骤,非常方便。首先下载插件,然后在局部引入。然后在methods里面使用。
2023-09-07 17:00:09 972 2
原创 vant+vue移动端this.$router.go(-1)在安卓上不生效问题
vant+vue移动端this.$router.go(-1)在安卓上不生效问题
2023-05-29 14:42:45 618 1
原创 moment根据时间判断当前行是否可以编辑
这里可以用Moment的isBefore判断日期的大小。需求是超过当前时间的日期是不可以填写的,效果如图。
2023-03-27 14:17:01 133
原创 vue中使用使用videojs 播放m3u8格式的视频
<div id="app"> <div class="test-videojs"> <video id="videoPlayer" class="video-js" muted></video> </div> </div></template><script>import Videojs from "video.js"; export default { data() { ret..
2022-05-09 17:05:41 1653
原创 moment去年的1月1日到12月31日
// 去年的1月1日到12月31日 let lastYearStart = moment() .year(moment().year() - 1) .startOf("year") .format("YYYY-MM-DD"); let lastYearEnd = moment() .year(moment().year() - 1) .endOf("year").format("YYYY-MM-DD");获取本周开始和结束时间const startDate = moment().st
2022-04-18 11:43:03 683
原创 el-date-picker禁止手动输入只能选择
element 提供了方法 :editable=“false” 只能禁止外层的输入,但是里层的(白色的部分还是不行)这里的话,左侧的日期我是用css使其禁止输入.el-date-picker__time-header { .el-date-picker__editor-wrap:nth-child(1) .el-input:nth-child(1) { z-index: -1; } }右侧的时间,因为我们的需求是只能选择小时不能选择分秒,所以就用监听完成watch
2022-04-14 16:37:22 4736
原创 vue中导出文件
export const exportFlowMonitorRpt = (data) => { return axios({ url: '/dm/rpt/exportFlowMonitorRpt', method: 'post', responseType: 'blob', // 接口要申明 data })}定义一个blob.js处理文件流/* eslint-disable *//* Blob.js * A
2022-04-13 14:59:25 265
原创 el-date-picker只能选择两天时间,其它禁用
我们是开始时间选择先选的话,结束时间就只能选择当前天和后一天,如图如果先选择结束时间,那么开始时间就只能选择当天和前一天,如图代码 <el-date-picker v-model="startTime" type="datetime" placeholder="开始日期" value-format="yyyy-MM-dd HH:hh:ss" :picker-options="pickerOpt
2022-04-13 10:10:51 1196
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人