javascript - Vue 错误Uncaught TypeError: todo[i].css は関数ではありません

Question

Todolist を作成する場合、ボタンをクリックして未完了の Todolist を表示します。アイデアとしては、ボタンをクリックして項目全体を走査し、完了した項目を非表示にして未完了の項目をすべて表示するというものです。
ただし、インデックス値は配列内の項目を走査することで取得できますが、CSS は変更できません

リーリー リーリー

すみません、何が問題だったのですか? ?心から助けを求めています

Answer 1

todo[i].css('display', 'none'); これは、JQuery が CSS スタイルを変更する方法です
投稿したコード内で JQuery を参照しているようには見えません

JQuery が Vue で参照されていない場合、CSS スタイルを変更するにはネイティブ JS のみを使用できます

例:

リーリー

Answer 2

vue の考え方は、DOM の操作をできるだけ少なくし、ボタンをクリックしたときに対応する状態の項目の表示を切り替えたい場合は、できる限りデータの変更だけでビューを変更することです。計算されたプロパティを使用して、対応するデータを除外します

Answer 3

Vue はデータを通じてスタイルをバインドするソリューションを提供するため、残りの答えは不正確です。

リーリー

Answer 4

1 階の正解は、DOM 操作を減らすために Vue アプリケーションにデータ駆動型開発モデルを採用してみてください。 DOM 内の関連データは事前​​にデータで初期化されるか、ビジネス ロジック全体がデータを操作するだけで処理され、DOM を応答的に更新するという目的が達成されます。投稿者によって引き起こされるこのエラーは、CSS の設定方法が間違っていることは明らかです。js または jquery で CSS を変更する方法を確認してください。