vue2.0模拟锚点的实例

　　

在vue项目中,因为采用路由跳转,会导致无法使用常规的一个标签配合ID的锚点功能。

　　

　　 　　 　　& lt; a href=" javascript:无效(0)”rel=巴獠縩ofollow”@click=癵oAnchor(“#锚”)“比;灰啊灰啊我的骄傲放纵& lt;/a> 　　 　　 　　 　　方法:{ 　　goAnchor(选择){ 　　var锚=? el.querySelector(选择) 　　document.body。scrollTop=anchor.offsetTop 　　} 　　} 　　 　　

以上在FireFox有BUG,修复如下:

　　 　　 　　方法:{ 　　goAnchor(选择){ 　　var锚=? el.querySelector(选择) 　　document.body。scrollTop=anchor.offsetTop;//铬 　　document.documentElement。scrollTop=anchor.offsetTop;//火狐 　　} 　　} 　　 　　

以上这篇vue2.0模拟锚点的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

vue2.0模拟锚点的实例