API で vue-router を使用してテーブル データをハイパーリンクする
P粉951914381
P粉951914381 2024-03-30 14:06:41
0
1
547

API (https://restcountries.com/) からデータを取得して表示していますが、router-link タグを使用して各テーブル エントリを独自のページにハイパーリンクすることができません。何も起こらず、エラーもリンクテキストも表示されません。

リーリー

キー「name」から .common を削除すると、router-link は機能しますが、必要な 1 つの「一般的な」名前だけでなく、国名のすべてのバリエーションが表示されます。さらに、.common を削除すると、ルーター リンクは次のように機能しなくなります:

「TypeError: 未定義のプロパティを読み取れません ('name' を読み取ってください)」 「プロパティまたはメソッド 'country' はインスタンスで定義されていないため、レンダリング中に参照されます。」

この正確なルーター リンクを使用している他の場所ではこのようなエラーは発生していませんし、これらのファイルには「名前」が定義されていません)、ルーター リンクを取得できる唯一の方法は、次のパラメーターを使用することです: { id: data.item._id } (ただし、何にもリンクしていません (「/unknown?fullText=true」にリンクしようとします))

P粉951914381
P粉951914381

全員に返信(1)
P粉957661544

ルーターリンクのパラメータは params: {country: data.item.name.official }}

である必要があります。
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート