[解決済み] Vue.js:各コンポーネントインスタンスにユニークなIDを設定するには?
2022-04-28 20:07:56
質問
Vue.jsでラベルと入力を含むコンポーネントを作りたいのですが、例えば。
<label for="inputId">Label text</label>
<input id="inputId" type="text" />
各コンポーネントインスタンスに一意のIDを設定するにはどうすればよいですか?
解決方法は?
各コンポーネントには一意のIDがあり、次のようにアクセスできます。
this._uid
.
<template>
<div>
<label :for="id">Label text for {{id}}</label>
<input :id="id" type="text" />
</div>
</template>
<script>
export default {
data () {
return {
id: null
}
},
mounted () {
this.id = this._uid
}
}
</script>
IDをもっとコントロールしたい場合は、例えば、親コンポーネントの中で生成することができます。
関連
-
[解決済み】CypressとJestは併用した方がいい?
-
[解決済み] Vue.jsで12件中1~3件を表示させるには?
-
[解決済み] Vue 2.0でコンポーネント自身を削除する方法
-
未定義のプロパティ '0' を読み取ることができません。
-
[解決済み] Vue.js - ネストされたデータを適切に監視する方法
-
[解決済み】Vue.jsコンポーネントのメソッドをコンポーネントの外から呼び出す
-
[解決済み】Vue.jsのcreatedイベントとmountedイベントの違いについて
-
[解決済み】名前空間が設定された2つのVuexモジュール間でアクションをディスパッチする方法はありますか?
-
[解決済み] Vueプロジェクトにおけるviewsフォルダとcomponentsフォルダの違いは何ですか?
-
[解決済み] Vueコンポーネントのpropのデフォルト値と、ユーザーがpropを設定しなかったかどうかを確認する方法は?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] v-if内部の複雑な条件
-
[解決済み] Laravel Spark v4.0.9で「Vue packages version mismatch」エラーを修正するにはどうすればいいですか?
-
未定義のプロパティ '0' を読み取ることができません。
-
TypeError: undefinedはオブジェクトではありません('i18n._t'を評価中)。
-
Vue.js学习的第一天
-
[解決済み] Nuxt.jsで "window is not defined "と表示される。
-
[解決済み] GUID / UUIDの作成方法
-
[解決済み】他のアクションの中からアクションを呼び出す
-
[解決済み】Vuejs:ルート変更時のイベント
-
[解決済み] Vue CLI CSSプリプロセッサーオプション:dart-sass VS node-sass?