vue改變當(dāng)前選中項(xiàng)的狀態(tài)

這次給大家?guī)?lái)vue改變當(dāng)前選中項(xiàng)的狀態(tài)，vue改變當(dāng)前選中項(xiàng)狀態(tài)的注意事項(xiàng)有哪些，下面就是實(shí)戰(zhàn)案例，一起來(lái)看一下。

在vue中已經(jīng)不像jq那樣直接操作dom了，如果要指向當(dāng)前選中項(xiàng)時(shí)，就不能再用jq的思路來(lái)做了，方法如下：

當(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)的變化

相信看了本文案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注Gxl網(wǎng)其它相關(guān)文章！

推薦閱讀：

vue better-scroll的滾動(dòng)插件使用詳解

使用mint-ui時(shí)間插件時(shí)怎么獲取選擇值

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com