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

當指向一個狀態(tài)的時候,只讓指向的狀態(tài)隱藏,其他項不變,如果項目中用了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來判斷,這樣就能輕松實現(xiàn)控制當前項的變化
以上這篇vue中改變選中當前項的顯示隱藏或者狀態(tài)的實現(xiàn)方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答