vue @scroll监听滚动条事件，解决不生效问题

1、单纯加 @scroll并不生效<Row @scroll="loadMore">2、在配置@scroll同时在mounted加上一下方法mounted(){window.addEventListener('scroll',this.loadMore,true)},3、loadMore方法可以自己定义loadMore: function (e) {console.log(e)}4、通过

Long long ago.

3077人浏览 · 2023-04-23 08:46:13

Long long ago. · 2023-04-23 08:46:13 发布

1、单纯加 @scroll并不生效

      <Row @scroll="loadMore">

2、在配置@scroll同时在mounted加上一下方法

  mounted(){
    window.addEventListener('scroll',this.loadMore,true)
  },

3、loadMore方法可以自己定义

 loadMore: function (e) {
      console.log(e)
    }

4、通过以上可以顺利监听滚动条监听事件

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^