ホームページ  >  記事  >  ウェブフロントエンド  >  vue2.0でシミュレートされたアンカーポイントを実装する方法

vue2.0でシミュレートされたアンカーポイントを実装する方法

php中世界最好的语言
php中世界最好的语言オリジナル
2018-04-11 14:07:371795ブラウズ

今回は、vue2.0でシミュレーションアンカーを実装する方法と、vue2.0でシミュレーションアンカーを実装するための注意事項について説明します。以下は実際のケースです。見てみましょう。

解決策:

<a href="javascript:void(0)" rel="external nofollow" @click="goAnchor(&#39;#anchor&#39;)"> 灰啊灰啊我的骄傲放纵</a>
rree

17. 9. 20 アップデート: 上記には FireFox のバグがあります。修正は次のとおりです:

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

この記事の事例を読んだ後は、この方法を習得したと思います。情報については、php 中国語 Web サイトの他の関連記事にご注目ください。

推奨読書:

vue プロジェクトで sass 設定を使用する方法

IView で on-change 属性を使用する方法

以上がvue2.0でシミュレートされたアンカーポイントを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。