0

私の Vue プロジェクトのホームページには複数の Bootstrap カードがあり、それぞれに残りと同じベース URL を共有するハイパーリンク ボタンが必要です。URL の末尾は、カードが情報を取得する prop の「name」プロパティ値である必要があります。例えば:

1枚目のカード - URL = " https://coinmarketcap.com/currencies " + "/bitcoin"

「bitcoin」は propName.name から取得する必要があります。

2 枚目のカード - URL = " https://coinmarketcap.com/currencies " + "/litecoin"

「litecoin」は propName.name から取得する必要があります。

等々....

私は次のことを試しました:

  1. data() を使用してベース URL の値を持つ "baseURL" を返し、"baseURL" を href 値にして、最後に {{propName.name}} を追加します。

  2. 「onclick="window.location.href=... + {{propName.name}}」を使用した入力タグを使用してリンク ボタンを作成する

「+ {{propName.name}}」を URL に修正しようとしても、アプリがコンパイルに失敗するか、「+」を使用できないというエラー メッセージが表示されます。

私に何ができる?

ありがとう。

4

1 に答える 1

0

href変数を属性 にバインドする必要があります。:href="baseURL + propName.name"

baseURLの性質だと思いますdata()

于 2020-04-01T19:28:46.637 に答える