vue中改變選中當前項的顯示隱藏或者狀態的實現方法

2022-09-27 09:57:13 字數 509 閱讀 4427

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

當指向乙個狀態的時候,只讓指向的狀態隱藏,其他項不變,如果專案中用了element-ui,那麼操作起來會比較簡單一些,這樣設定:

v-if="(row.id == currentid&&row.auditstate==0程式設計客棧)?checkstate:!checkstate" @mouseover="statehidden(row.id)"

js中:

statehidden(id),

這種方法的思路是:滑鼠指向某一項時,獲取到某一項的id存在乙個變數中,判斷row.id==currentid,控制這個按鈕顯示隱藏就可以了,因為只有在滑鼠指向某一項的時候才能拿到當前項的id,所以可以利用row.id==currentid來判斷,這樣就能輕鬆實現控制當前項的變化

本文標題: vue中改變選中當前項的顯示隱藏或者狀態的實現方法

本文位址: /ruanjian/j**a/220079.html

vue中改變選中當前項的顯示隱藏或者狀態的方法

在vue中已經不像jq那樣直接操作dom了,如果要指向當前選中項時,就不能再用jq的思路來做了,方法如下 例如 當指向乙個狀態的時候,只讓指向的狀態隱藏,其他項不變,如果專案中用了element ui,那麼操作起來會比較簡單一些,這樣設定 v if row.id currentid row.audi...

WPF中確保顯示ListBox選中的Item

wpf中沒有提供確保顯示listbox選中的item這個功能,因此寫了個函式來實現 public void ensurelistboxitemvisible listbox listbox,listboxitem selecteditem else if itemindex int scrollvi...

vue中元件按鈕是否被選中的監聽

首先從antdv的案例中得到了選擇框的寫法 新增障礙物 編輯障礙物 清除附加物 如上所示,我們加乙個ref來獲取元件的屬性。vue3中ref的使用與vue2有所不同 const abc ref null console.log abc 通過觀察控制台,我們得到乙個屬性值statevalue可以按鈕值...