首頁 > web前端 > js教程 > vue改變目前選取項目的狀態

vue改變目前選取項目的狀態

php中世界最好的语言
發布: 2018-04-12 17:20:15
原創
2468 人瀏覽過

這次帶給大家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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板