vue2.0模拟锚点的实例-古蔺大橙子建站

新闻中心

这里有您想知道的互联网营销解决方案

vue2.0模拟锚点的实例

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

西宁网站制作公司哪家好，找成都创新互联！从网页设计、网站建设、微信开发、APP开发、响应式网站开发等网站项目制作，到程序开发，运营维护。成都创新互联自2013年起到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联。

解决办法：

 灰啊灰啊我的骄傲放纵

methods: {
 goAnchor(selector) {
  var anchor = this.$el.querySelector(selector)
  document.body.scrollTop = anchor.offsetTop
 }
}

17. 9. 20 更新：以上在FireFox有BUG，修复如下：

methods: {
 goAnchor(selector) {
  var anchor = this.$el.querySelector(selector)
  document.body.scrollTop = anchor.offsetTop; // chrome
  document.documentElement.scrollTop = anchor.offsetTop; // firefox
 }
}

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

网站标题：vue2.0模拟锚点的实例
文章源于：http://scgulin.cn/article/pdhjoo.html

新闻中心

其他资讯