1. 程式人生 > >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來判斷,這樣就能輕鬆實現控制當前項的變化