vueで現在の項目の表示・非表示を変更する方法

今回は、Vue で現在選択されている項目の表示、非表示、ステータスを変更する実装方法を共有します。非常に参考になるので、皆さんの参考になれば幸いです。

vueではjqのようにdomを直接操作することはできなくなり、現在選択されている項目を指す場合にはjqの考え方は使えなくなりました。

を指す場合プロジェクトで element-ui を使用する場合、操作は次のように設定します。

v-if="(row.id == currentId&&row.auditState==0)?checkState:!checkState" @mouseover="statehidden(row.id)"

このメソッドのアイデアは次のとおりです。

マウスが特定のアイテムをポイントすると、特定のアイテムの ID が取得され、変数に格納されます。 row.id==currentId を判断して、このボタンの表示と非表示を制御します。マウスが特定のアイテムをポイントしたとき、現在のアイテムの ID はその時点でのみ取得できるため、row.id==currentId を使用して判断できるため、現在のアイテムの変更を簡単に制御できます。上記は私が皆さんのためにまとめたものであり、将来皆さんに役立つことを願っています。 関連記事:

vue.jsのページングでページ内容を変更するにはページ番号をクリックしてください

vue2.0コンポーネントで値の受け渡しと通信を実装する方法

webpack 4.0.0-beta。 0 バージョンの新機能 (詳細なチュートリアル)

以上がvueで現在の項目の表示・非表示を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。