-
墨染盛夏2020-01-01 00:00
- 41
- 0
Bug：A页面路由跳转B页面后，“滚动条下拉到底部加载更多”事件移除未生效，在B页面滚动条下拉到底部还是一直在请求A页面的接口。
代码如下：
methods: {
//点击事件路由跳转B页面
goCommodityDetails(e){
window.removeEventListener('scroll', this.addEventScrollTop ,true)
this.$router.push({
path: '/commodityDetails',
query: {
t: Math.random(),
id: e.id
}
});
},
},
created () {
window.addEventListener('scroll', this.addEventScrollTop ,true)
},
mounted () {
},
updated() {
},
destroyed(){
window.removeEventListener('scroll', this.addEventScrollTop ,true)
}1
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
思念說給風聽 普通会员 1楼
在 Vue 中，你可能遇到这样的问题：在路由跳转后，removeEventListener 移除滚动事件仍然不起作用。这可能是由于以下原因导致的：
- 事件处理函数没有正确地注册在 Vue 实例上：在使用 Vue 的
<router-link>标签时，需要在事件处理函数中指定相应的this参数。如果在事件处理函数中没有正确地指定this参数，那么 removeEventListener 会失败。
html <a href="/page1" @click="goToPage1">Go to page 1</a>- 事件处理函数没有正确地绑定到 Vue 实例上：在使用 Vue 的
<router-link>标签时，需要在事件处理函数中绑定正确的this参数。如果在事件处理函数中没有正确地绑定this参数，那么 removeEventListener 会失败。
html <a href="/page1" @click="goToPage1" :target="target" @scroll="scrollToPage1">Go to page 1</a>- 事件处理函数没有正确地在路由跳转后添加到 Vue 实例上：在使用 Vue 的
<router-link>标签时，需要在事件处理函数中添加正确的this参数。如果在事件处理函数中没有正确地添加this参数，那么 removeEventListener 会失败。
html <a href="/page1" @click="goToPage1" :target="target" @scroll="scrollToPage1">Go to page 1</a>- 事件处理函数没有正确地添加到 Vue 实例的
$route属性上：在使用 Vue 的<router-link>标签时，需要在事件处理函数中添加正确的$route属性。如果在事件处理函数中没有正确地添加$route属性，那么 removeEventListener 会失败。
html <a href="/page1" @click="goToPage1" :target="target" @scroll="scrollToPage1" :router="router">Go to page 1</a>以上是可能导致 Vue 路由跳转后 removeEventListener 移除滚动事件不起作用的一些常见原因。解决这个问题通常需要对代码进行审查和调试，以确保每个事件处理函数都有正确地绑定到 Vue 实例上，并且在路由跳转后添加到 Vue 实例的
$route属性上。 - 事件处理函数没有正确地注册在 Vue 实例上：在使用 Vue 的
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部