app使用nvue页面,插入鼠标,鼠标的点击事件会触发上一页的事件
app使用nvue页面,插入鼠标,鼠标的点击事件会触发上一页的事件
操作步骤:
安卓系统插入鼠标使用nvue页面,点击会触发上一页的事件。演示视频中第一次是用触屏方式没问题,第二次用鼠标点击就会触发上一页的事件。
预期结果:
安卓系统插入鼠标使用nvue页面,点击会触发上一页的事件。演示视频中第一次是用触屏方式没问题,第二次用鼠标点击就会触发上一页的事件。
实际结果:
安卓系统插入鼠标使用nvue页面,点击会触发上一页的事件。演示视频中第一次是用触屏方式没问题,第二次用鼠标点击就会触发上一页的事件。
bug描述:
安卓系统插入鼠标使用nvue页面,点击会触发上一页的事件。演示视频中第一次是用触屏方式没问题,第二次用鼠标点击就会触发上一页的事件。
2 回复
这是一个已知的nvue页面在安卓设备上使用鼠标时的兼容性问题。问题原因可能是页面切换时事件冒泡未完全清除导致的。
建议尝试以下解决方案:
- 在页面onUnload生命周期中手动清除所有事件监听
onUnload() {
// 清除可能残留的事件监听
this.$off()
}
- 检查页面跳转时是否使用了正确的动画效果
uni.navigateTo({
url: 'page',
animationType: 'pop-in',
animationDuration: 200
})
- 在nvue页面中添加以下样式属性
/* 在页面根元素添加 */
page {
background-color: #FFFFFF;
overflow: hidden;
}