[解決済み】Vueのデータからhrefに値を渡すには?
2022-04-08 22:08:47
質問
このようなことをしようとしています。
<div v-for="r in rentals">
<a bind-href="'/job/'r.id"> {{ r.job_title }} </a>
</div>
の値をどのように追加すればよいのかがわかりません。
r.id
の末尾にある
href
属性を使用して、API 呼び出しを行うことができます。何か提案はありますか?
解決方法は?
を使用する必要があります。
v-bind:
またはそのエイリアス
:
. 例えば、以下のようになります。
<a v-bind:href="'/job/'+ r.id">
または
<a :href="'/job/' + r.id">
関連
-
[解決済み] オブジェクトのリストからオブジェクトを選択するBootstrap vue b-form-select
-
[解決済み] プロジェクトのvue.jsのバージョンを確認する方法は?
-
Vueプロジェクトのビルド共通設定ファイル、request.jsとvue.config.js
-
[解決済み] Vue.js - ネストされたデータを適切に監視する方法
-
[解決済み] Vue-Routerを使用してVueでURLクエリパラメータを設定する方法
-
[解決済み】Vue.jsでURLからクエリパラメータを取得するにはどうすればよいですか?
-
[解決済み】Vue.js - urlからハッシュバン#!を削除するには?
-
[解決済み】Vue.jsでv-onにイベントと引数を渡す。
-
[解決済み】名前空間が設定された2つのVuexモジュール間でアクションをディスパッチする方法はありますか?
-
[解決済み] Vueの「エクスポートデフォルト」と「新しいVue」の比較
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】CypressとJestは併用した方がいい?
-
[解決済み] v-if内部の複雑な条件
-
[解決済み] Vue.jsで12件中1~3件を表示させるには?
-
[解決済み] npm run dev」「npm run watch」はどのようなスクリプトですか?
-
[解決済み] プロジェクトのvue.jsのバージョンを確認する方法は?
-
vue リクエストエラー Uncaught (プロミス内)
-
[解決済み] Vue.jsでグローバルフィルタを大量に追加する方法は?
-
[解決済み】Vue.jsでv-onにイベントと引数を渡す。
-
[解決済み】Vueのデータからhrefに値を渡すには?
-
[解決済み] Vue.js:各コンポーネントインスタンスにユニークなIDを設定するには?