Routerに関連する質問一覧

新着
アクティブ
未回答
未解決
注目
解決済

受付中

回答

0
< router-view/>と書くとコンポーネントの内容が重複して表示されてしまう理由

環境 vue2.6系で作成しています。 (ruby on railsのwebpacker経由でインストールしています) 問題以下の様にshow.vue(ShowUser)からedit.vue(EditUser)にrouter-linkをクリックすると遷移させる動きをしたいのですが、特に名前をつけず<router-view/>と記載すると編集という文字が重複して表示されています。編集というボ
- 0評価
- 0クリップ
- 49PV
teratailが 1日前にアップデート
解決済

回答

1
アクセスした値によって、表示するidを変更したい

前提 /テーブル名でテーブルの中身が全件表示できている実現したいこと /URL/テーブル名/10 でアクセスした場合、そのテーブルID１０の値だけを表示したい発生している問題 getメソッドに/テーブル名/:idを書いているため /テーブル/10でアクセスしても全件表示している状態そこからwhereメソッドに、(id, 10)を書いたらid10だけが表示できたが /テーブル/10
- TypeScript
- Router
- 0評価
- 0クリップ
- 59PV
sei-fujikawa 4日前にコメント
解決済

回答

2
Vue.jsで$routerを呼び出すときのthisが使えない

canvas要素をクリックした時に$routerでページ遷移する処理を書いています。現状 vue.js をtypescriptで書いていますが、$routerを使うタイミングでthisに対してエラーが出ています。 thisに対してanyの型 'this' implicitly has type 'any' because it does not have a type annotatio
- TypeScript
- Vue.js
- Router
- 0評価
- 0クリップ
- 91PV
tenlife 2週間前に回答
受付中

回答

0
Vue Routerを使用すると上手くレンダリングできない

前提・実現したいこと Vue Routerを使用してSPAを作成したいのですが、テンプレート内で最初に実行した値しか出力されません。テンプレート通りに出力するにはどうしたらいいでしょうか。ご教授よろしくお願いします。発生している問題・エラーメッセージ "[Vue warn]: Error compiling template: Component template should cont
- Vue.js
- Router
- 0評価
- 0クリップ
- 57PV
teratailが 2週間前にアップデート
解決済

回答

1
expressでのルーティングがうまくいきません

/のルーティングはつながりますが、/のルートであるindex1.htmlに書いた/api,topのリンクを押すと、以下のエラーメッセージが出てしまいます。どなたか解決できる方よろしくお願いします。。 index,js const express = require('express'); const app = express(); const path = require('path');
- JavaScript
- Node.js
- Express
- Router
- 0評価
- 0クリップ
- 84PV
yusei__001100 3週間前にベストアンサー
解決済

回答

1
vue.js ログイン前とログイン後でheader表示を変えたい

Homeというコンポーネントに子コンポーネントとしてヘッダーというコンポーネントを置いております。ヘッダーコンポーネントにはログインと登録という名前付きリンクがあり、Homeコンポーネントのrouter-viewで描画されます。ここからが本題でこのHeaderにはログインコンポーネントが描画されログインがおこなるのですが、ログイン後遷移した際にHeaderをログイン、登録からログアウトとい
- 0評価
- 0クリップ
- 163PV
widget11 1ヶ月前に回答
受付中

回答

2
サブネット内からインターネットにping・tracerouteが通りません

前提・実現したいことラズパイを用いたサブネットを構築しています。ネットワーク構成を示すと、以下のようになります。 WAN-----家庭用ルータ-----ラズパイ(DHCPサーバ・IPforwarding,NAT機能実装)-----複数のラズパイラズパイ以降でサブネットを構成します。末端の複数のラズパイからラズパイ・家庭用ルータを経由してインターネットに接続することを目的としています。
- 0評価
- 0クリップ
- 231PV
TaichiYanagiya 1ヶ月前にコメント
解決済

回答

1
【Vue x Firestore】動的ルートマッチングについて

動的ルートマッチングについて { path: "/mypage/:uid", name: "Mypage", component: Mypage, meta: { requiresAuth: true }, }, signUp() { firebase .auth() .createUserWithEmailAn
- Vue.js
- Firebase
- Router
- Vue CLI
- Cloud Firestore
- 0評価
- 0クリップ
- 91PV
Masa-Shin 1ヶ月前にベストアンサー
解決済

回答

1
【Vue × Firestore】ログインをする際にマイページに遷移したいです。

ログインをする際にマイページに遷移したいです。新規登録（下記コード参照）する際にuidをfirestoreで取得してuidデータを格納しておりますが、そのuidデータを元にログイン（下記コード参照)する際ログイン者のマイページに遷移させたいのですが、下記usersというコレクションのuserCredential.user.uidを参照して、ページ遷移するように記述しみたのですが、うまくログ
- Vue.js
- Firebase
- Router
- Vue CLI
- Cloud Firestore
- 0評価
- 0クリップ
- 131PV
TMTN 1ヶ月前に回答
受付中

回答

0
vue-routerにて、ログアウト時とリロード時の処理を実装したい

前提・実現したいこと firebaseのログイン、ログアウトの処理を実装し、リロード時は、そのままの画面を表示し、ログアウト後に、ログイン画面に遷移しようとすると、ログイン画面に遷移するようにする。ここに質問の内容を詳しく書いてください。現在、ログアウト、リロード、ログアウト後にログイン中の画面に遷移しようとすると、ログイン画面に遷移するの3つは、実装できたのですが、リロードをした後に、ログア
- Vue.js
- Firebase
- Router
- Vuex
- Vue CLI
- 0評価
- 0クリップ
- 127PV
teratailが 1ヶ月前にアップデート
解決済

回答

1
【React】１文字入力するとフォーカスが外れてしまう（テキストフォーム）

前提・実現したいこと React(react-router-dom)でtodoリストを作成しています。タスクの追加のフォームに正常に文字入力ができるようにしたいです。 AddForm.jsxの抜粋（以下に全文記載） function AddForm(props) { return ( <form onSubmit={props.addTodo}> <inp
- React.js
- Router
- 0評価
- 0クリップ
- 234PV
ryota002 1ヶ月前にコメント
解決済

回答

1
router-linkやrouter.pushし画面遷移した際に元の画面を消す方法について

一部コードが長くなるため簡略させていただいております。問題 router-linkやrouter.pushを使うことでvue-routerで定義したパスに遷移することができると思います。しかしこれはどちらかというと遷移というより、 DOMを書き換える(router-viewタグを記載している箇所に描画)といった挙動に近いと思います。以下のコードのようにそのままrouter.pushを
- Vue.js
- Router
- 1評価
- 2クリップ
- 115PV
shinoharat 1日前にベストアンサー
解決済

回答

1
(rails×vue)spaで作られたサイトはどの様にして直接アクセスの対策をしているのでしょうか？

vue.jsでルーティングにvue-routerを使うとして import Vue from "vue"; import VueRouter from "vue-router"; Vue.use(VueRouter); import Page2 from '../pages/page2.vue' const routes =[ { path: '/page2', component
- 0評価
- 1クリップ
- 341PV
widget11 2ヶ月前にコメント
受付中

回答

0
Vuexのデータ格納が遅く、画面遷移後でも値の反映がされていない件

前提・実現したいこと Vue.jsのVuexに関して質問です。ページAからページBへの遷移するrouter-linkをクリックした際に、ストアにクリックされた要素のidを格納して、ページBでストアに格納したidでDBを叩く処理を実装しています。発生している問題・エラーメッセージしかし、以下の様な動きをした際に上手く動きません。 ①ページA→ページBへ移動 ②ページB→ページAへ移動し、①
- Vue.js
- Router
- Vuex
- 0評価
- 0クリップ
- 90PV
teratailが 2ヶ月前にアップデート
解決済

回答

1
RTX1200でPPPoEとNATを使って通信できない

前提・実現したいこと Yamahaのルーターを用いて下記のトポロジーのネットワークを実現したい。 PPPoEにはRTX1200のLAN2に割り当てている。発生している問題・エラーメッセージ RTX1200からpingが飛ばない。該当のソースコード RTX1200のconfig console character ascii ip route default gateway pp
- 0評価
- 0クリップ
- 210PV
Hicky1025 2ヶ月前に回答
受付中

回答

0
Nintendo Switchのポート開放

スマッシュブラザーズで友人と対戦しようとすると、「NAT超えできなかった」というエラーで対戦ができませんでした。調べた結果、私のNATタイプはDでかなりの粗悪。解決策はポート開放という結論になりましたがうまくいきませんでした。何かアドバイスなどいただければ幸いです。現状の状況住居：ホーチミン市回線：不明（コンドミニアムに準備されている光） ONU：HUAWEI ルータ：WHR-11
- UDP
- Router
- -1評価
- 0クリップ
- 194PV
kuniatsu 2ヶ月前に質問
受付中

回答

0
vuexについての質問です

vuexにて選択されたradioボタンの値を違うページで出力したいのですが、うまくいきません。同じページに手の出力はうまくいきました。step1.vueのradioボタンで選択されている値をtest.vueで出力したいです。コードは以下の通りです。 test.vueです <template> <div> <p>Picked: {{ picked }}</p> <h1>tes
- Vue.js
- Router
- Vuex
- Vue CLI
- 0評価
- 1クリップ
- 156PV
teratailが 3ヶ月前にアップデート
解決済

回答

3
VPN接続かつ、2重ルータ時の端末間通信で片方向通信になる

前提・実現したいこと IP枯渇のため、一部端末を別セグメントに使用と考えております。別セグメントにするにあたり、できるだけ現在の環境を変えないようにするため、NVR500の下に、rt57iを設置してセグメントを分けました。以下の通信が行えるようにしたいです。・rt57i配下に設置した端末(192.168.1.200)と、NVR500配下の端末(192.168.10.200)、NVR510配
- VPN
- Router
- Switch
- 0評価
- 0クリップ
- 424PV
tamago83 3ヶ月前にベストアンサー
解決済

回答

1
2重ルータ時の端末間通信で、片方向通信しかできない

前提・実現したいこと IP枯渇のため、一部端末を別セグメントに使用と考えております。別セグメントにするにあたり、できるだけ現在の環境を変えないようにするため、NVR500の下に、rt57iを設置してセグメントを分けました。 rt57i配下に設置した端末(192.168.1.100)と、NVR500以下の端末(192.168.20.100)が相互に通信でき、それぞれ双方インターネットが可能にしたい
- Router
- Switch
- 0評価
- 0クリップ
- 254PV
tamago83 3ヶ月前にベストアンサー
解決済

回答

3
OpenVPNを用いた拠点間VPN接続の方法について

前提・実現したいこと OpenVPNの環境構築初心者です。社内の物理的に離れた拠点間ネットワークをOpenVPNを使用して接続することを考えています。現在、社内にはOpenVPN Serverが1台稼働しています。このOpenVPN Serverへ接続するための拠点側(クライアント側)の構成イメージは以下を想定しています。クライアント側のWin10Pro端末にOpenVPN Cl
- 0評価
- 0クリップ
- 2533PV
KeithF 3ヶ月前に回答