vue中改變選中當前項的顯示隱藏或者狀態(tài)的實現(xiàn)方法

更新時間：2018年02月08日 09:16:19 作者：luckylqh

下面小編就為大家分享一篇vue中改變選中當前項的顯示隱藏或者狀態(tài)的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

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

當指向一個狀態(tài)的時候，只讓指向的狀態(tài)隱藏，其他項不變，如果項目中用了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來判斷，這樣就能輕松實現(xiàn)控制當前項的變化

以上這篇vue中改變選中當前項的顯示隱藏或者狀態(tài)的實現(xiàn)方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

淺談vuex之mutation和action的基本使用
本篇文章主要介紹了淺談vuex之mutation和action的基本使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-08-08
vue3使用svg圖標的多種方式總結
svg圖片在項目中使用的非常廣泛,下面這篇文章主要給大家介紹了關于vue3使用svg圖標的多種方式,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2023-03-03
vue 如何使用遞歸組件
這篇文章主要介紹了vue 如何使用遞歸組件，幫助大家更好的理解和使用vue，完成開發(fā)需求，感興趣的朋友可以了解下
2020-10-10
vue-element-admin 菜單標簽失效的解決方式
今天小編就為大家分享一篇vue-element-admin 菜單標簽失效的解決方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-11-11
vue中的el-form表單rule校驗問題(特殊字符、中文、數(shù)字等)
這篇文章主要介紹了vue中的el-form表單rule校驗問題(特殊字符、中文、數(shù)字等)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-05-05
Vue路由對象屬性 .meta $route.matched詳解
今天小編就為大家分享一篇Vue路由對象屬性 .meta $route.matched詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-11-11
vue實現(xiàn)自定義樹形組件的示例代碼
這篇文章主要介紹了vue實現(xiàn)自定義樹形組件的示例代碼,本文通過示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2023-08-08
vue中添加語音播報功能的實現(xiàn)
本文主要介紹了vue中添加語音播報功能的實現(xiàn)，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-04-04
Vue3使用hooks解決字典數(shù)據(jù)的顯示問題
我們在使用 element-plus的時候,經(jīng)常會使用一些字典數(shù)據(jù), 在搜索框的時候,字典數(shù)數(shù)要使用 el-select el-option 來顯示,但是經(jīng)常會遇到字典數(shù)據(jù)的顯示問題,所以本文給大家介紹了Vue3使用hooks解決字典數(shù)據(jù)的顯示問題,需要的朋友可以參考下
2024-12-12
vue中使用v-if,v-else來設置css樣式的步驟
我們在使用vue項目開發(fā)時，v-if是使用的非常多的，在這里我們談談如何使用v-i來綁定修改css樣式，使用的主要是雙向數(shù)據(jù)綁定，即通過改變他的狀態(tài)來改變他的樣式，這篇文章主要介紹了vue中如何使用v-if,v-else來設置css樣式,需要的朋友可以參考下
2023-03-03