vue改變當前選中項的狀態

這次給大家帶來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來判斷，這樣就能輕松實現控制當前項的變化

相信看了本文案例你已經掌握了方法，更多精彩請關注Gxl網其它相關文章！

推薦閱讀：

vue better-scroll的滾動插件使用詳解

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

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com