当前位置: 首页 > Web前端 > HTML

进入页面跳转到指定锚点

时间:2023-04-02 20:19:31 HTML

问题是在Vue实例完成后定位锚点到指定元素。分析:如何实现这个是个问题。首先,生命周期函数放在created钩子中。这个时候页面还没有渲染出来。如果执行锚跳,则可能无法跳到指定位置。因此,它只能放在生命周期钩子上挂载。但是,如果直接使用location.hash,可能无法正常跳转。因此,要保证正常跳转,最好将跳转锚点的代码放在事件队列中。这时候就需要用到setTimeout(()=>{},0)。解决方法:在挂载的生命周期钩子中编写代码,将跳转锚代码放在事件队列的尾部。代码实现varvm=newVue({el:'#app',mounted(){setTimeout(function(){location.hash='item4'},0)}})