vue中锚点的三种方法

本文给大家带来了vue中锚点的三种方法,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧

第一种:

    router.js中添加

 mode: 'history', srcollBehavior(to,from,savedPosition){ if(to.hash){ return { selector:to.hash } } }

    组件:   

 

第二种:

    写一个方法  组件

 

第三种: 自定义指令

 

main.js  定义全局指令  方便其他地方复用

 Vue.directive('anchor',{ inserted : function(el,binding){ el.onclick = function(){ document.documentElement.scrollTop = $('#anchor-'+binding.value).offset().top } } })

总结

以上所述是小编给大家介绍的vue中锚点的三种方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对html中文网网站的支持!

以上就是vue中锚点的三种方法的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » Vue.js 教程