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

上面是我整理給大家的，希望今後會對大家有幫助。

相關文章：

在vue.js中實作分頁中點選頁碼更換頁面內容

在vue2.0元件中如何實現傳值、通訊

webpack 4.0.0-beta.0版本新功能（詳細教學）

以上是vue中如何改變目前項目的顯示隱藏的詳細內容。更多資訊請關注PHP中文網其他相關文章！