在vue中已經(jīng)不像jq那樣直接操作dom了,如果要指向當(dāng)前選中項(xiàng)時(shí),就不能再用jq的思路來(lái)做了,方法如下:
為企業(yè)提供成都網(wǎng)站制作、成都做網(wǎng)站、網(wǎng)站優(yōu)化、網(wǎng)絡(luò)營(yíng)銷推廣、競(jìng)價(jià)托管、品牌運(yùn)營(yíng)等營(yíng)銷獲客服務(wù)。成都創(chuàng)新互聯(lián)公司擁有網(wǎng)絡(luò)營(yíng)銷運(yùn)營(yíng)團(tuán)隊(duì),以豐富的互聯(lián)網(wǎng)營(yíng)銷經(jīng)驗(yàn)助力企業(yè)精準(zhǔn)獲客,真正落地解決中小企業(yè)營(yíng)銷獲客難題,做到“讓獲客更簡(jiǎn)單”。自創(chuàng)立至今,成功用技術(shù)實(shí)力解決了企業(yè)“網(wǎng)站建設(shè)、網(wǎng)絡(luò)品牌塑造、網(wǎng)絡(luò)營(yíng)銷”三大難題,同時(shí)降低了營(yíng)銷成本,提高了有效客戶轉(zhuǎn)化率,獲得了眾多企業(yè)客戶的高度認(rèn)可!
當(dāng)指向一個(gè)狀態(tài)的時(shí)候,只讓指向的狀態(tài)隱藏,其他項(xiàng)不變,如果項(xiàng)目中用了element-ui,那么操作起來(lái)會(huì)比較簡(jiǎn)單一些,這樣設(shè)置:
v-if="(row.id == currentId&&row.auditState==0)?checkState:!checkState" @mouseover="statehidden(row.id)"
js中:
statehidden(id){ this.currentId=id; },
這種方法的思路是:鼠標(biāo)指向某一項(xiàng)時(shí),獲取到某一項(xiàng)的id存在一個(gè)變量中,判斷row.id==currentId,控制這個(gè)按鈕顯示隱藏就可以了,因?yàn)橹挥性谑髽?biāo)指向某一項(xiàng)的時(shí)候才能拿到當(dāng)前項(xiàng)的id,所以可以利用row.id==currentId來(lái)判斷,這樣就能輕松實(shí)現(xiàn)控制當(dāng)前項(xiàng)的變化
以上這篇vue中改變選中當(dāng)前項(xiàng)的顯示隱藏或者狀態(tài)的實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持創(chuàng)新互聯(lián)。