問題タブ [vue-props]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

292 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
1 に答える
34 参照

vue.js - prop データに基づいて変化する Vue.js ハイパーリンク

私の 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 に修正しようとしても、アプリがコンパイルに失敗するか、「+」を使用できないというエラー メッセージが表示されます。

私に何ができる？

ありがとう。


12345678910