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)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

詳解element-ui 組件el-autocomplete使用踩坑記錄
最近使用了el-autocomplete組件，本文主要介紹了element-ui 組件el-autocomplete使用踩坑記錄，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-03-03
vue可ctrl,shift多選,可添加標記日歷組件詳細
這篇文章主要介紹了vue可ctrl,shift多選,可添加標記日歷組件詳細，文章通過圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下
2022-09-09
Vue實現(xiàn)自定義視頻和圖片上傳的示例代碼
這篇文章主要為大家詳細介紹了如何通過Vue實現(xiàn)自定義視頻和圖片上傳的功能，文中的示例代碼簡潔易懂，感興趣的小伙伴可以跟隨小編一起學習一下
2023-04-04
Vue使用 onMounted 確保在組件掛載后執(zhí)行異步操作示例詳解
在 Vue.js 或其他類似框架中，使用 onMounted 是為了確保在組件掛載后執(zhí)行異步操作，這篇文章主要介紹了Vue使用onMounted確保在組件掛載后執(zhí)行異步操作,需要的朋友可以參考下
2023-06-06
詳解前后端分離之VueJS前端
本篇文章主要介紹了詳解前后端分離之VueJS前端，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-05-05
詳解基于Vue-cli搭建的項目如何和后臺交互
這篇文章主要介紹了詳解基于Vue-cli搭建的項目如何和后臺交互，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-06-06
vue使用動態(tài)組件實現(xiàn)TAB切換效果完整實例
在實際項目開發(fā)中,我們經(jīng)常會遇到選項卡切換,對于一個前端工程師來說,組件化/模塊化開發(fā)是一種必備的行為規(guī)范,下面這篇文章主要給大家介紹了關于vue使用動態(tài)組件實現(xiàn)TAB切換效果的相關資料,需要的朋友可以參考下
2023-05-05
vue實現(xiàn)帶放大鏡的搜索框
這篇文章主要為大家詳細介紹了vue實現(xiàn)帶放大鏡的搜索框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-08-08
vue實現(xiàn)輸入一位數(shù)字轉(zhuǎn)漢字功能
這篇文章主要介紹了vue實現(xiàn)輸入一位數(shù)字轉(zhuǎn)漢字功能，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-12-12
vue better-scroll插件使用詳解
本篇文章主要介紹了vue better-scroll插件使用詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-01-01