[Vue.js]ルートクリア(2)

1464 ワード

router routing vue.js テキストリンク

例えば、動作するサービスnavには、중학교と고등학교の2つのルータリンクがある.중학교を選択した場合、開発者ツールを使用して중학교ルータリンクを表示すると、router-link-activeとrouter-link-exact-activeの2つのクラスが表示されます.

router-link-active
選択したrouter-linkと、選択したrouter-link pathの親router-linkにはクラスがあります.

router-link-exact-active
選択したrouter-linkにのみclassを追加します.

routerを作成する場合は、linkActiveClassオプションを使用してクラス名を置き換えることもできます.

いくつかの機能を実行した後、コードでページ移動を処理する場合は、次の操作を行います.

...
//$router: router 패키지를 더하면 사용 가능.
//routing 히스토리에 이동할 route 추가.
this.$router.push('/middleschool');
...

routerにはもっと異なる関数があります.公式文書を参考にして、必要なものを持ってきて書きます.

間違った内容を教えてください.

この問題について([Vue.js]ルートクリア(2)), 我々は、より多くの情報をここで見つけました https://velog.io/@ujaa_223/Vue.jsRouting-정리2

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol