vue は現在選択されている項目の状態を変更します

今回は、vue で現在選択されている項目の 状態を変更する方法について説明します。vue が現在選択されている項目の状態を変更する場合の 注意事項 について、実際のケースを見てみましょう。一見。

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

状態を指定すると、指定した状態のみが非表示になり、その他の項目は変更されません。 プロジェクト内で element-ui を使用すると、操作が簡単になります:

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

JS:

statehidden(id){
   this.currentId=id; 
  },

このメソッドのアイデアは次のとおりです: マウスがアイテムをポイントすると、アイテムの ID が取得されて 変数に格納され、row.id == currentId を決定し、この ボタンを制御します 現在の項目の ID はマウスが項目をポイントしているときにのみ取得できるため、 row.id==currentId を使用して判断できるため、現在の項目の変更を簡単に制御できます。 itemあなたはこの記事のケースを読んだと思います。方法をマスターした後は、よりエキサイティングなコンテンツについては、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

Vue better-scrollスクロールプラグインの詳細説明

mint-ui timeプラグイン使用時の選択値の取得方法

以上がvue は現在選択されている項目の状態を変更しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。