antdv版本:1.78
vue版本:2.5.2
<a-popover trigger="click" placement="topLeft"><template slot="content"><div @wheel.stop=""> //关键是这里<a-table:loading="loading":columns="opinionColumns":data-source="opinionList":bordered="true":pagination="false":scroll="{ x: 400, y: 200 }"></a-table></div></template><div class="detail" @click="rejectDetail(record)">{{ text }}</div></a-popover>
解释一下:我这个滚动条其实是表格的滚动条,一滑动,Popover就会自动关闭。
解决方案 @wheel.stop=""
在表格外,加了一个div 容器,然后禁用了滚轮事件的冒泡事件。
@wheel.stop
,它是一个用于滚轮事件(wheel event)的修饰符。
@wheel.stop
表示在滚轮事件触发时,调用事件处理方法后阻止事件继续向上传播,在组件内部停止事件的传播。
结语:在网上找了很多资料,没有解决我遇到的问题,特此记录。如果解决了您的问题,可以评论、点赞、收藏,我们一起交流。