问题描述:单页面路由实现原理.html:57 Uncaught TypeError: Failed to execute ‘addEventListener’ on ‘EventTarget’: 2 arguments required, but only 1 present.
讲述:全局监听函数这里报错。以下是我报错的地方。
window.addEventListener('hashchange')
//修改路由匹配内容
_routeData.map(item=>{
if(_path == item.path){
_divId.innerHTML=item.pathData;
}
})
</script>
</body>
</html>
可能的原因:
本质上没有设置监听函数(我这里就是稀里糊涂的没有设计监听函数,也没有搞清楚路由)
解决方案:
这里引入我的代码,供参考:
window.addEventListener('hashchange',function(){
//修改匹配内容,设置监听事件,
_routeData.map(item=>{
if(_path == item.path){
_divId.innerHTML=item.pathData;
}
})
})
这次就不报错了
最终效果:
这里的三行页面是li标签做的