码迷,mamicode.com
首页 > 其他好文 > 详细

vue 自定义 滚动条指令

时间:2019-12-25 14:33:51      阅读:89      评论:0      收藏:0      [点我收藏+]

标签:node   vue   action   事件   指令   滚动条   onscroll   bsp   directive   

Vue.directive(‘scroll‘, {
  bind: (el, binding, vnode) => {
    // 是否执行回调事件
    let eventAction = true
    // 距离底部剩余距离开始触发回调
    let distance = 100 // (unit: px)
    // 监听滚动事件
    el.onscroll = (e) => {
      binding.value()
    } 
  }
})

vue 自定义 滚动条指令

标签:node   vue   action   事件   指令   滚动条   onscroll   bsp   directive   

原文地址:https://www.cnblogs.com/tutao1995/p/12096442.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!