オブジェクトの配列があり、それぞれに textValue、active、info などが含まれています。この配置をループして、各要素のボタンを表示します。內(nèi)部のボタンごとに div を追加し、3 つの段落內(nèi)でクラスを追加し、條件付きで各ボタンにいくつかの段落を表示しようとします。ボタンにイベントを追加し、それに ID を渡すので、アクティビティを true に設(shè)定し、異なる ID ごとに情報を表示します。ボタンをクリックするとアクティブなクラスが作成され、數(shù)量が表示されます。外側(cè)をクリックするか、ボタン自體をクリックするとクラスと數(shù)量が削除されます (p)。ボタンをクリックすると情報が開きます。ここにはボタンがあり、クリックすると div 情報が表示されます。非表示 (すでにこれを?qū)g行しました)、クラスを表示し、段落を表示したままにしたいのですが、これに條件を使用しますが、それができません。コードは次のとおりです:
リーリーボタンがクリックされ、オブジェクトの active が true に設(shè)定されたときの機(jī)能
リーリーさまざまなテキスト値の配列があります
リーリー別のコンポーネントでは、參照を提供および拒否することで、選択されたフィルター (selectedFilter) を渡しています。ここには関數(shù)があり、クリックされたときにボタンがアクティブのままで、段落などの optionButtonValue に基づいて表示されるようにします。ただし、アクティブのままにしておきます。ここでは、各ボタンの情報を非表示にするために activity を false に渡します。 ああああ
1
0
0
実際には、v-if には true と false だけが待っています。ただし、テキスト定義では v-if を使用します。これは正しくありません。まず、v-if="{filter.active || filter} " のように、v-if を條件付きでのみ変更できます。また、p タグに、定義変更テキスト {{ filter.active && ' bla bla を直接入力することもできます。 ' }}
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
