javascript - Vue 初心者が助けを求めています。 v-for と v-if は複数の要素を同じレベルでレンダリングします。要素の 1 つの表示/非表示を個別に変更するにはどうすればよいですか?
淡淡烟草味
淡淡烟草味 2017-06-12 09:27:36
0
2
1132

www.todolist.cn を真似て追加・削除・修正可能な todolist を作って練習しているのですが、todo の内容を再編集する際に詰まってしまったのですが、公式の解決策がまとめられていないのでこちらにまとめました。助けを求めます。次の。

テキストをクリックすると入力変更に変わりますが、その効果は次のようになります。
私の v-if は同じ変数にバインドされているため、間違いなくグローバルに変更されますが、 for vue 理解が浅すぎて有効な方法が思いつきません。
コード: `<!DOCTYPE html>
<html lang="en">
<head>

リーリー

</head>
<body>

リーリー

</body>
<script>

リーリー

</script>
</html>`
現在のスパンのみを非表示にして、revamp イベントがトリガーされた後に入力を表示する方法はありますか?専門家にアドバイスを求めましょう!

淡淡烟草味
淡淡烟草味

全員に返信(2)
扔个三星炸死你

リーリー

このメソッドは、すべての Todo をまとめて表示または非表示にします。

特定の todo のみをターゲットにするには、各 todo に isRevamp を追加すると、次のようになります:

リーリー

ただし、データ内のすべての todo に先頭に isRevamp が含まれている必要があります。動的に追加する場合は、ドキュメントの「応答の原則」セクションを参照してください: https://cn.vuejs。 org/v2/ガイド...

しかし、それに対処する簡単な方法があります:

おおよそ次のように、インデックス変数をデータに追加します:
リーリー

いいねを押す +0
小葫芦

それは非常に簡単で、状態変数を各要素にバインドするだけです。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート