您好,登錄后才能下訂單哦!
在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中改變選中當前項的顯示隱藏或者狀態的實現方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。