vue中改變選中當前項的顯示隱藏或者狀態的實現方法，vue當前

vue中改變選中當前項的顯示隱藏或者狀態的實現方法，vue當前

在vue中已經不像jq那樣直接操作dom了，如果要指向當前選中項時，就不能再用jq的思路來做了，方法如下：

當指向一個狀態的時候，只讓指向的狀態隱藏，其他項不變，如果項目中用了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來判斷，這樣就能輕鬆實現控制當前項的變化

以上這篇vue中改變選中當前項的顯示隱藏或者狀態的實現方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援幫客之家。