VueのDivにジャンプする方法

VUEにDIV要素をジャンプするには、VUEルーターを使用してルーターリンクコンポーネントを追加するには、2つの方法があります。 @clickイベントリスナーを追加して、これを呼び出します。$ router.push（）メソッドをジャンプします。

VueでDivをジャンプする方法

方法1：Vueルーターを使用します

Vue Routerは、vue.jsの公式に推奨されるルーティングライブラリであり、単一ページアプリケーションでルーティングを管理するために使用されます。 router-linkコンポーネントを使用すると、div要素にジャンプリンクを追加できます。

 <code class="html"><template> <div> <router-link to="/about">关于我们</router-link> </div> </template> <script> import { router } from &#39;@/router&#39; </script></code>

方法2： @clickイベントリスナーを使用します

@clickイベントリスナーをDIV要素に追加して、 this.$router.push()メソッドは、トリガーされたときに指定されたURLにジャンプします。

 <code class="html"><template> <div>关于我们</div> </template> <script> import { router } from &#39;@/router&#39; export default { methods: { goToAbout() { this.$router.push(&#39;/about&#39;) } } } </script></code>

メソッドを選択する方法

• アプリケーションに複雑なルーティング管理と動的ルーティングの生成が必要な場合は、VUEルーターを使用することをお勧めします。
• 単純な静的ジャンプの場合、 @clickイベントリスナーはよりシンプルで使いやすいです。

以上がVueのDivにジャンプする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。