vue-router 構築時のルーティング インターフェイス例外

今回はvue-router構築時のroutingインターフェース例外について、vue-router構築時の注意事項を解決するための

注意事項

をご紹介します。

vue cli を使用して Webpack プロジェクトを作成する

vue-router を追加し、ルーティングを使用して新しいコンポーネントを導入します。この時のルーティングとリンクはこんな感じで書きます

const router = new VueRouter({
 mode: 'history',
 base: dirname,
 routes: [
 {
  path: '/first',
  component: firstCom
 }
 ]
})

rreeee

1. npm run dev で問題がないことを確認します

2. npm ビルドパッケージングを実行します 3. サービスを開始し (例:

python

-m SimpleHTTPServer)、index.html ページをチェックして、ルートが /first ページをリクエストしていることを確認します。

4. 解決策: ルーティング設定の履歴をハッシュに変更し、リンクの /first を /#/first に変更します。問題が解決しました。 ============2017.8.24更新==================

いろいろ調べてみると、実はルーターモードでも履歴を利用できることが分かりました。問題はジャンプ中に発生しました。 window.location.href="" を使うのが当然だと思っていましたが、実際には router.push を使用する必要があります。コード内の handleSelect は要素が使用されているためです uiに表示されるメッセージ処理メソッド。このメソッドは、ボタンのキーが 2 の場合は 1 番目にジャンプし、キーが 3 の場合は 2 番目にジャンプするときにトリガーされることがわかります。

<a href="/first" rel="external nofollow" >Try this!</a>

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

推奨読書:
vue ビルドがパッケージ化された後にホームページの白い画面に対処する方法

ネイティブがフェッチを使用して画像アップロード機能を実装する方法

🎜🎜

以上がvue-router 構築時のルーティング インターフェイス例外の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。