随笔分类 - vue

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) 编辑

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) 编辑