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來判斷，這樣就能輕鬆實現控制當前項目的變化

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

推薦閱讀：

vue better-scroll的捲動外掛程式使用詳解

使用mint-ui時間外掛程式時怎麼取得選擇值

#

以上是vue改變目前選取項目的狀態的詳細內容。更多資訊請關注PHP中文網其他相關文章！