-
༺ۣۖꪑۣۖ༒ۣꫀۣۖ༻2018-09-27 00:00
- 11
- 44
- 0
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body style="height:2000px">
<div id="app">
<router-view></router-view>
</div>
<script src="vue.js"></script>
<script src="vue-router.js"></script>
<script>
var componentA = {
template: `<div>hello world</div>`,
methods: {
change: function() {
console.log( "componentA" );
}
},
created: function() {
var _this = this;
window.addEventListener( "scroll", function() {
_this.change();
}, false );
}
};
var componentB = {
template: `<div>hello life</div>`,
methods: {
change: function() {
console.log( "componentB" );
}
},
created: function() {
var _this = this;
window.addEventListener( "scroll", function() {
_this.change();
}, false );
}
};
var vm = new Vue( {
el: "#app",
router: new VueRouter( {
routes: [
{ path: '/a', component: componentA },
{ path: '/b', component: componentB }
]
} )
} );
</script>
</body>
</html>
最近遇到一个类似上面例子的问题，这是一个简单模拟单页面切换的例子，但是会发现在切换过程中，随之鼠标的滚动，两个局部组件的方法都会被触发。这种情况该如何解决？以到达对应的页面，只触发对应组件的方法。路过的大神麻烦看下，谢谢
0
打赏
收藏
点击回答
您的回答被采纳后将获得：提问者悬赏的 11 元积分
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部