vue3 + element Plus table表格下拉加载数据

点击打开视频讲解地址

	onMounted(() => {
	  //监听表格滚动事件
      // let table = mutipleTable.value._value.layout.table.refs.bodyWrapper;
      let table = document.getElementById('mutipleTable')
      table.addEventListener(
        "scroll",
        (res) => {
          loadmore(res)
        },
        true
      );
    })
    
	//滚动距离判断
	const loadmore = (res) => {
      if(res.target.scrollTop && ((res.target.scrollHeight - 20) <= (res.target.scrollTop + res.target.clientHeight))){
        props.pageModel.pageNum++
        pageChange()
      }
    }

	//向父组件传递事件
	const pageChange = () => {
		emit('search')
	}