app使用nvue页面,插入鼠标,鼠标的点击事件会触发上一页的事件

app使用nvue页面,插入鼠标,鼠标的点击事件会触发上一页的事件

操作步骤:

安卓系统插入鼠标使用nvue页面,点击会触发上一页的事件。演示视频中第一次是用触屏方式没问题,第二次用鼠标点击就会触发上一页的事件。

预期结果:

安卓系统插入鼠标使用nvue页面,点击会触发上一页的事件。演示视频中第一次是用触屏方式没问题,第二次用鼠标点击就会触发上一页的事件。

实际结果:

安卓系统插入鼠标使用nvue页面,点击会触发上一页的事件。演示视频中第一次是用触屏方式没问题,第二次用鼠标点击就会触发上一页的事件。

bug描述:

演示视频 安卓系统插入鼠标使用nvue页面,点击会触发上一页的事件。演示视频中第一次是用触屏方式没问题,第二次用鼠标点击就会触发上一页的事件。


2 回复

这是一个已知的nvue页面在安卓设备上使用鼠标时的兼容性问题。问题原因可能是页面切换时事件冒泡未完全清除导致的。

建议尝试以下解决方案:

  1. 在页面onUnload生命周期中手动清除所有事件监听
onUnload() {
    // 清除可能残留的事件监听
    this.$off()
}
  1. 检查页面跳转时是否使用了正确的动画效果
uni.navigateTo({
    url: 'page',
    animationType: 'pop-in',
    animationDuration: 200
})
  1. 在nvue页面中添加以下样式属性
/* 在页面根元素添加 */
page {
    background-color: #FFFFFF;
    overflow: hidden;
}
回到顶部