国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Vuejs 3 でキーを使用して Json オブジェクトの値をクエリする方法
P粉413307845
P粉413307845 2023-09-02 20:14:08
0
2
595
<p>Vuejs は初めてなので、「id」參照を介して「label」にアクセスする必要があります。 </p> <p><code>const Wizard_steps = ref([ { id: 1, label: "ステップ 1" }, { id: 2, label: "ステップ 2" }, { id: 3, label: " ステップ 3 " } ]) const currentstep = ref([number]) </code></p> <p>currentstep === 2 の場(chǎng)合、「ステップ 2」のデータにアクセスしたいので、次のことを試しました。 <code>wizard_steps.filter(id=2).label</code></p>
P粉413307845
P粉413307845

全員に返信(2)
P粉337385922

ここにハイライトをリストします。

Array::find() を使用して、配列內(nèi)の値を検索できます。 あるいは、computed を使用して、テンプレートで使用する応答性の値を取得することもできます。また、#ref の代わりに reactive を使用して手順を処理できると思います。ステップが変更されない場(chǎng)合は、reactive はこの場(chǎng)合には必要ないため、削除できます。 リーリー

P粉668804228

###解決###

Vue では、DOM 変數(shù)に影響を與えるためにリアクティブ変數(shù)を使用します。ここで、

wizard_steps

を宣言できます。これは、const 変數(shù)で作成されたオブジェクトの .value キーから後で取得できます。これは、提供されたコードで確認(rèn)できます。選択した ID を操作できる変數(shù)を作成する必要があります。選択した ID に基づいて、単純な JavaScript 配列と find() 関數(shù)を使用して、選択したステップを検索し、そのラベルを表示できます。 computed() 関數(shù)を使用して、current_step_id の応答的な変更に基づいて現(xiàn)在のステップに関連付けられたラベルを調(diào)整します。これにより、応答性の変數(shù)も宣言されます。ただし、この変數(shù)を直接操作することはできません。代わりに、內(nèi)部で使用するリアクティブ変數(shù)が変更されたときに、その .value を更新します。 このサンプルコードをご覧いただけます。

リーリー リーリー

最新のダウンロード
詳細(xì)>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート