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

2021-07-30 07:57:57 字數 558 閱讀 7684

**:

在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中改變選中當前項的顯示隱藏或者狀態的實現方法

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

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可以按鈕值...