随笔分类 -  前端

乾坤未定，你我皆是黑马
el-select选项自定义日期选择器选项，选中自定义日期，回显具体的日期时间
摘要：需求：指标时点选择具体的时间，即自定义日期选项时，可操作选择具体日期。若选择自定义日期，应回显具体日期，如“2024-07-25” 效果图如下： 代码如下： 因为此处v-for生成的面板，每个面板都有一个指标时点选项，所以每个指标时点的select对应的ref需要唯一，此处通过遍历的下标i加以区分。 阅读全文
posted @ 2024-07-25 16:39 借晚风叙旧 阅读(194) 评论(0) 推荐(0) 编辑
vue 滚动条滚动到列表的某个区域时，将(负责的、参与的、管理的)区域的title固定到头部
摘要：1、html 1 <div :id="item.id" class="list-item" v-for="(item, index) in okrTableDate" :key="index"> 2 <p class="bold" :class="{ 'is-fixed': isFixedFlag1 阅读全文
posted @ 2024-01-15 14:51 借晚风叙旧 阅读(95) 评论(0) 推荐(0) 编辑
el-select组件点击图标无法关闭下拉框问题
摘要：问题：elementui当添加filterable属性后，select下拉框无法收起 解决：在App.vue的create方法里添加以下代码 Object.getPrototypeOf(this.$options.components).ElSelect.options.methods.handle 阅读全文
posted @ 2022-10-26 15:39 借晚风叙旧 阅读(111) 评论(0) 推荐(0) 编辑
根据某个子节点id获取该节点的所有父节点id
摘要：1 treeData: [ 2 { 3 id: 10, 4 label: '张三', 5 children: [ 6 { 7 id: 11, 8 label: '张三 1-1', 9 children: [ 10 { 11 id: 111, 12 label: '张三 1-1-1' 13 }, 14 阅读全文
posted @ 2022-08-24 16:46 借晚风叙旧 阅读(290) 评论(0) 推荐(0) 编辑
二维数组去重
摘要：方法一： 1 handleArr () { 2 let arr = [[1], [1], [1, 2], [3], [1], [2, 4, 6], [3]] 3 let obj = {} 4 arr.forEach(item => { 5 obj[item] = item 6 }) 7 consol 阅读全文
posted @ 2022-08-24 16:23 借晚风叙旧 阅读(37) 评论(0) 推荐(0) 编辑
css水平垂直居中方式？
摘要：一、设置margin:auto; 1 <div class="external"> 2 <div class="inside"></div> 3 </div> 使用 margin: auto; 元素仅会水平居中，并不会进行垂直居中。此时需要设置元素的 position 为 absolute，父级元素 阅读全文
posted @ 2022-08-18 14:02 借晚风叙旧 阅读(74) 评论(0) 推荐(1) 编辑
vue中根据某天日期获取对应的一周日期
摘要：1 getWeekDataList () { 2 let oneDayTime = 1000 * 60 * 60 * 24 3 let today = new Date(data) 4 let todayDay = today.getDay() || 7 5 let startDate = new 阅读全文
posted @ 2022-08-01 17:33 借晚风叙旧 阅读(1398) 评论(0) 推荐(0) 编辑
vue中日期时间格式处理：判断时间是几分前，几小时前，几天前
摘要：handleDate (value) { let date = new Date(value) let diffValue = new Date().getTime() - date.getTime() // 时间差 let mValue = diffValue / (1000 * 60) // 分 阅读全文
posted @ 2022-08-01 16:52 借晚风叙旧 阅读(1315) 评论(0) 推荐(0) 编辑
Element的Dropdown下拉菜单点击不同选项控制菜单栏的显示或隐藏
摘要：官网上，通过设置hide-on-click来控制点击菜单项后隐藏菜单，布尔类型，默认true 当想用Dropdown做二级菜单时，可以在el-dropdown-item里加一个下拉菜单，例如如下效果图： 点击更多，展示一级菜单，菜单1有二级菜单，其它菜单项无二级；此时要求点击有二级菜单的菜单项后，菜 阅读全文
posted @ 2022-07-25 16:16 借晚风叙旧 阅读(6156) 评论(0) 推荐(0) 编辑
el-cascader回显删除tag不一致的问题
摘要：问题：根据接口返回数据回显后，点击删除tag，删除的不是点击的tag，而是其他的 点击删除name为多资产的tag 结果删除的是name为转债的tag 原因：el-cascader组件回显数据顺序是按照级别，一层一层向下向后按照index排序，没有绑定id，删除是通过name对应的index删除，根 阅读全文
posted @ 2022-07-25 15:44 借晚风叙旧 阅读(803) 评论(0) 推荐(0) 编辑
vue中返回上一页
摘要：一、this.$router.go(-1)：原页面中的内容会丢失 this.$router.go() 刷新 this.$router.(-1) 后退+刷新 this.$router(1) 前进 二、this.$router.back()：原页面中的内容会保留 this.$router.back() 阅读全文
posted @ 2022-07-25 15:11 借晚风叙旧 阅读(13358) 评论(0) 推荐(0) 编辑
vue中的$event
摘要：$event是一个事件对象 $event.target是事件触发的目标，可获取该DOM元素 点击按钮，触发鼠标单击事件，控制台得到一个事件对象，如下图： 阅读全文
posted @ 2021-09-13 11:19 借晚风叙旧 阅读(1699) 评论(0) 推荐(0) 编辑
关于JS垃圾回收机制
摘要：一、垃圾回收机制的必要性 由于字符串、对象和数组没有固定大小，所以当它们的大小已知时，才能对它们进行动态的存储分配。JavaScript程序每次创建字符串、数组或对象时，解释器都必须分配内存来存储那个实体。只要像这样动态地分配了内存，最终都要释放这些内存以便它们能够被再用，否则，JavaScript 阅读全文
posted @ 2020-04-23 09:43 借晚风叙旧 阅读(550) 评论(0) 推荐(0) 编辑
div标签被object标签遮盖？
摘要：关于object标签，现在已经很少使用了，但在考虑到兼容性的问题上，还是会用到object标签的。 在对object标签的使用中，会出现播放视频的 object 标签遮盖住其他 div 标签，使其不能正常显示。 1 <div class="btn-group" style="width:100px; 阅读全文
posted @ 2020-03-31 20:25 借晚风叙旧 阅读(664) 评论(0) 推荐(0) 编辑

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