javascript - vueの単一ファイルコンポーネントでルーターを取得する方法

{コード...} お聞きしたいのですが、ルーターを入手してプログラムによるナビゲーションを実装するにはどうすればよいですか?

阿神 2017-07-05 10:48:49 0  3  912

beforeEnter でコンポーネントを返す vue router

ルーターに次のパスがあります {path:'/Page',component:async()=>{constisUserLogged=awaitgetUser()conststore=useStore()if(userLogged&&store.value1){returnimport('./pages/PublicPage/ PublicPage .vue')}else{returni

P粉787806024 2024-01-10 17:51:45 0  1  394

JavaScript - vue のルーターとコンポーネントの違いと適用可能なシナリオを説明してくれる人はいますか?

単一のファイル コンポーネントを作成しました。vue 形式では、ルーターを介して複数のコンポーネントを <template> に追加できます。ただし、<template> に追加できるのは 1 つだけのようです。複数の vue ファイルがある場合、それらを組み合わせて完全なページを作成できます。ページをルーティングする必要がありますか?<テンプレート&g...

黄舟 2017-05-19 10:25:26 0  2  497

「ページが更新されるかリンクがクリックされた後、vue ルーターの最後のルートはレンダリングされません。」

メニュー リンクをクリックすると、最後の vue-router コンポーネントは正常に読み込まれますが、リンクを共有するかページを更新すると、コンポーネントがレンダリングされません。最後のルートでのみ発生するため、何が問題なのかわかりません。リンクは次のとおりです: https://www.hvarboating.com/speed-boat-hire-hvar-flyer747 私のルーター: importVuefrom'vue'importVueRouterfrom'vue-router'

P粉277824378 2023-08-26 10:27:45 0  1  570

javascript - vueルーターの特定のページでブラウザのロールバックを防ぐにはどうすればよいですか?

vue シングルページ アプリケーション a>b>c を作成します。ログインに成功すると、d ページが表示されます。d ページでブラウザの戻るボタンを無効にしたいのですが、どうすればこれを実現できますか?次を使用していくつかのグローバル フックを確認しました。ルーティング。現在ルーター ハッシュ モードを使用しています。

给我你的怀抱 2017-06-30 09:57:27 0  3  1447

React レイアウト VS ルーター

React でのコンポーネントの表示またはルーティングについて質問があります。ヘッダー、左側のメニュー、コンテンツ セクションを含むホームページのレイアウトを設定しました。アイデアは、メイン コンテンツ セクションのみを変更する必要があるページを作成することです。これが良いアプローチなのか、これを行うにはルーターを使用する必要があるのか​​、それともフックだけを使用する必要があるのか​​疑問に思っています。私がやっていることでは、 useState フックを使用してコンポーネントを表示するように設定しているだけであり、ルーターは必要ありませんが、これが正しいアプローチであるかどうか疑問に思って...

P粉387108772 2023-09-11 13:01:22 0  1  579

c# - router.pushが機能しない

import Vue from 'vue'import App from './App'import VueRouter from './router' Vue.config.productionTip = false VueRouter.push('/goods') / eslint-disable no-new /new Vue({ el: '#app'、ルーター: VueRout...

高洛峰 2017-06-26 10:53:18 0  3  746

Vue.js ルーターのパスに URL クエリを追加する: ステップバイステップ ガイド

これは、テンプレート Component.vue でルーティングを使用する方法です: <router-link:to="{name:'club'}"><lazy-imagesrc="club.jpg"class="club_class"alt="Clubalt" / ></router-link>ルーターでは次のように動作します

P粉076987386 2024-02-03 17:16:52 0  1  422

JavaScript - vueルーター他のコンポーネントの$dataを取得する方法

vue devtool の構造は次のとおりです。 {code...} app.vue はどのようにして comment.vue (名前を comment に設定) のデータを (vuex なしで) 取得しますか? {code...} {code...}

怪我咯 2017-06-12 09:23:12 0  2  734

未知の変数を動的にインポート: Vue3-vue-router4 の ../views/Admin/Home.vue

Vue3-Vuerouter4-Vite を使用して vuerouter にコンポーネントとルートをインポートしようとしましたが、次のエラーが発生します (パス内に子を持つルートの場合のみ): 私のルーター コード: import{createRouter,createWebHistory} from "vue-router ";importpathsfrom" ./path";import{TokenService}from"

P粉376738875 2023-11-23 16:04:29 0  1  1013

javascript - 反応ルーターのマルチレイヤーネストでインターフェースを更新できません

dva を使用して作成されたプロジェクトの場合、ルーターの多層ネストが開始された後、/myacount/security パスの下でブラウザを更新すると、コンテンツが表示されなくなります。理由は何なのか聞いてください。

过去多啦不再A梦 2017-07-05 11:08:52 0  1  952

css - vue でローカルに参照されているスタイルがグローバルになるのはなぜですか?

1. vue で参照されているローカル スタイルを他のページにも適用するにはどうすればよいですか? ルーターは、ページを切り替えた後、変更されたページのスタイルを読み込みます。

代言 2017-07-06 10:35:40 0  4  1790

javascript - vue-cli のビルド後に新しいページを追加する方法

vue-cli の構造を構築したところですが、このページを公開しました。引き続きいくつかのコンポーネントを追加したい場合、ルーターにあまり詳しくありません。アドバイスをお願いします。

黄舟 2017-05-16 13:43:56 0  2  551

vue ルーターはコンポーネントを更新せずにハッシュまでスクロールします

私はVue3とvue-router4を使用しています。コンポーネント <router-link:to="{hash:'#l1'}">セクション 1</router-link><router-link:to="{hash:'# l2' にハッシュ リンクがある場合}">セクション-2</router-link>...<secti

P粉322319601 2024-03-26 09:37:39 0  1  502

NextJS のアプリケーション ルーターで、pages/_app.js に代わるものは何ですか?

NextJS を使い始めたところですが、Application Router という新しいルーターがあります。 NextJS ページルーターの Pages/_app.js を使用したチュートリアルがいくつかあります。では、アプリケーションルーター内の対応するファイルは何でしょうか?

P粉277824378 2023-11-11 09:38:14 0  1  958

ルーター - nginx+apache 構成について質問する

助けを求める初心者: 一般的な nginx + リバース プロキシ Apache サーバーを構築したいと考えています。現在の構成は次のとおりです。サーバーはイントラネットの nginx リスニング ポート 80 と Apache リスニング ポート 81 にあります。ルーターは nginx ポートを実行しています。 8080->80 のマッピングが行われていません。 1. ほとんどの場合、どうすればよいですか。

黄舟 2017-05-16 17:04:01 0  1  549

nginx - ルーターのポートマッピング機能を介してイントラネットにアクセスする方法

パブリックネットワークの固定IP（220.174.XX.XX）の下に複数のサーバーがあり、そのうちの1つのサーバーIP（192.168.0.220）をイントラネットのWEBサーバーとして利用しています。このサーバーには現在、インターネット上に 2 つの Web サイトがあり、これら 2 つの Web サイトはルーター上に次のように設定されています。

巴扎黑 2017-05-16 17:08:59 0  2  1198

Vitest で Vue RouterView/RouterLink をモックする (複合 API)

タイトルから察するに、そんなことは可能なのでしょうか？ヘッダーとユーザーを次のページにリダイレクトするボタンを含む Vue アプリケーションの単純なコンポーネントをテストしようとしています。ボタンをクリックしたときにイベント/メッセージがルーターに送信されるかどうかをテストし、宛先ルートが正しいかどうかを確認したいと考えています。アプリケーションの構造は次のとおりです。 App.Vue-entry コンポーネント<scriptsetuplang="ts">import{RouterView}from"vue-r

P粉478188786 2024-03-27 09:49:56 0  1  518

Vue 3 SSR アプリケーションのルーターに vuex ストアを統合するにはどうすればよいですか?

SSR、Vue-Cli、Vuex、Typescript を使用した Vue3 プロジェクトがあります。ルーティング ページでは、データを VuexStore に送信する必要があります。 .vue ファイルでは、次のように vuex.d.ts で型定義されている this.$store を単純に使用できます: this.$store.commit("setFoo","Bar") ただし、これを使用しない場合は、または ts ファイルを使用します。 vue インスタンス (ルート

P粉883223328 2023-08-25 10:09:45 0  2  570

Vue認証

Vue を使用してこの小さなアプリを構築していますが、認証を機能させることができません。正確に言うと、リダイレクトが機能せず、true ログと Authenticated ログの両方が取得されますが、ホームページ (/) にはリダイレクトされません。しかし、アプリを開くと、すぐに /login に移動します。これは問題ありません。私もそうしたいのですが、前述したように、ログインしようとするとリダイレクトされません。これは私のログイン コンポーネントとルーターです。 import{createRouter,createWebHistory} から

P粉765684602 2023-08-18 10:33:04 0  1  593