element UI select元件全選

2022-07-20 14:48:14 字數 1346 閱讀 3191

<

el-select

class

="fr"

v-model

="searchjobtype"

style

="width: 185px; margin-right:8px;"

size

="mini"

type

="text"

multiple collapse-tags @change

="changeselect"

placeholder

="請選擇型別查詢"

>

<

el-option

v-for

="(type,ind) in typelist"

:key

=ind

:label

="type.label"

:value

="type.value"

>

el-option

>

el-select

>

var main = ,,,

,,,,

,,,,

,]}},

methods:

// 用來儲存上一次的值,可以進行對比

const oldval = this.oldsearchjobtype.length === 1 ? this.oldsearchjobtype[0] : ;

// 若是全部選擇

if (val.includes('all_select')) this.searchjobtype = allvalues;

// 取消全部選中 上次有 當前沒有 表示取消全選

if (oldval.includes('all_select') && !val.includes('all_select')) this.searchjobtype = ;

// 點選非全部選中 需要排除全部選中 以及 當前點選的選項

// 新老資料都有全部選中

if (oldval.includes('all_select') && val.includes('all_select'))

// 全選未選 但是其他選項全部選上 則全選選上 上次和當前 都沒有全選

if (!oldval.includes('all_select') && !val.includes('all_select'))

// 儲存當前最後的結果 作為下次的老資料

this.oldsearchjobtype[0] = this.searchjobtype;},}

}var ctor = vue.extend(main)

OpenCV 元件結構全解析

我們進入到d programfiles opencv build include目錄,可以看到有opencv和opencv2這兩個資料夾。顯然,opencv這個資料夾裡面包含著舊版的標頭檔案。而opencv2這個資料夾裡面包含著具有時代意義的新版opencv2系列的標頭檔案。在opencv這個資料夾...

Ext元件渲染render的全

模板模式是設計模式中很重要的乙個知識點,在物件導向設計中有著舉足輕重的地位。在ext中更是發揮的淋漓盡致,為什麼這麼說呢?ext中的元件有著很深的繼承關係,很多方法都有著重複,而且不僅 是 上的重複,更多的是流程上的重複 比方說,ext.panel吧,將乙個panel顯示在瀏覽器中,其過程叫做ren...

Vue2 元件間通訊全方案

說的不對的,敬請諒解,大家共同討論進步 元件通訊包括 父子元件間的通訊和兄弟元件間的通訊。在元件化系統構建中,元件間通訊必不可少的。父元件關鍵 如下 子元件關鍵 如下 export default child msg 為父元件給子元件設定的額外屬性值,屬性值需在子元件中設定props,子元件中可直接...