首页 > 其他分享 >关闭el-date-picker时间选择

关闭el-date-picker时间选择

时间:2022-11-08 16:14:58浏览次数:38  
标签:picker el refs 关闭 date scrollTop

关闭 el-date-picker 时间选择功能

问题:下拉滚动条,el-date-picker 还是展开状态
期望:下拉滚顶条让 el-date-picker 关闭。

解决方案:监控滚动高度,当滚动条高度大于 0,调用 this.$refs.时间插件命名.hidePicker()

mounted(){
     window.addEventListener('scroll', this.handleScroll, true)
}
methods:{
     handleScroll() {
      let dom = document.querySelector('.overflowBox')
      this.$nextTick(() => {
        this.scrollTop = dom.scrollTop
      })
    }
}
watch:{
    scrollTop(newVal, oldVal) {
      if (newVal > 0) {
        this.$refs.datePicker.hidePicker()
      }
    },

}

标签:picker,el,refs,关闭,date,scrollTop
From: https://www.cnblogs.com/hxy--Tina/p/16870043.html

相关文章

  • Mac打包electron应用报错解决方案
    1、报错信息⨯cannotresolvehttps://npm.taobao.org/mirrors/electron/12.0.4/electron-v12.0.4-darwin-x64.zip:statuscode404 2、原因分析这个问题是......
  • elementUI table 数组中各项加逗号隔开
    js处理//this.newTableData数组this.newTableData.map((item,index)=>{//item.label数组if(item.label){......
  • EF Core级联保存时DbUpdateConcurrencyException报错异常
    出现改报错异常的原因是,EFCore不支持级联更新时添加新的子项!!!如果主体子项添加一个新内容,EFCore则认为这个内容原本已经存在了(实际是你新增的),只不过并发冲突中被其他进程......
  • 关于客户的机器加密问题,造成写Excel出现错误(只限于有名称管理器的情况下)
    问题:如果你用名称管理的话,在你读取名称管理器的信息后,如果中途读取数据的时间过长,然后后面就是输出数据了。这个时候代码就会报错。java.lang.RuntimeExceptionjava.lan......
  • SimpleDateFormat线程安全问题排查
    一.问题现象运营部门反馈使用小程序配置的拉新现金红包活动二维码,在扫码后跳转至404页面。二.原因排查首先,检查扫码后的跳转链接地址不是对应二维码的实际URL,根据代......
  • shell
    gzip file            #压缩为.gz格式的文件gunzip file          #解压.gz格式的文件tar -zcvf file       #压缩文件或文件夹 -z:打包......
  • Elasticsearch调优
    设计阶段调优1.根据业务增量需求,采取基于日期模板创建索引,通过rolloverAPI滚动索引;2.使用别名进行索引管理;3.每条凌晨定时对索引做force_merge操作,以释放空间。4.采取冷......
  • mysql insert into select锁全表情况分析
    前言  Insertintoselect请慎用。这天xxx接到一个需求,需要将表A的数据迁移到表B中去做一个备份。本想通过程序先查询查出来然后批量插入。但xxx觉得这样有点慢,需要耗费......
  • 【ARC105C】Camels and Bridge 题解
    题意给定\(n\)只骆驼和每条骆驼的重量\(a_i\)。这些骆驼要通过一条路,这条路被分为\(m\)个部分,每个部分的长度为\(l_i\),限重为\(v_i\)。同时经过这部分的骆驼的重......
  • openGL——glDrawArrays 和 glDrawElements
    在openGL中,所有图形都是通过分解成三角形的方式进行绘制。(一个矩形分解成两个三角形进行绘制)glDrawArrays和glDrawElements的作用都是从一个数据数组中提取数据渲染基......