如何通过PT监听PrimeVue 3中MultiSelect内VirtualScroller的滚动事件？

你的写法问题出在PassThrough（pt）属性的结构上，PrimeVue的PT需要通过events字段来传递原生DOM事件，而非直接挂载在组件PT对象下。

正确的写法如下：

<MultiSelect
  :pt="{
    virtualScroller: {
      events: {
        scroll: doSomething
      }
    }
  }"
/>

关键说明： #

• virtualScroller对应MultiSelect下拉面板里的VirtualScroller组件实例；
• events是PT属性中专门用于绑定原生DOM事件的字段，这里指定scroll事件触发自定义函数doSomething；
• doSomething需要是你组件中定义的方法，会接收原生滚动事件对象作为参数，示例：

methods: {
  doSomething(event) {
    // 这里写你的自定义逻辑，比如获取滚动位置
    console.log('当前滚动距离:', event.target.scrollTop);
  }
}

额外注意： #

确保MultiSelect确实启用了VirtualScroller——要么手动设置virtualScrollerOptions属性，要么选项数量达到组件默认启用虚拟滚动的阈值，否则VirtualScroller不会被渲染，自然无法触发滚动事件。

内容的提问来源于stack exchange，提问作者L.txt