乙個下拉框展示多個下拉狀態

2021-10-01 09:18:31 字數 1163 閱讀 3881

1.先將所有狀態寫出來然後在以鍵值對的形式暴露出去

//庫存

const stock =

//出貨

const sell =

// 簽收

const sign =[,

,]//退貨

const returns =[,

,]//過期

const expire =

const unite =

2.在元件內部新建乙個陣列

unite:unite,

//成品狀態

selects:

,

3.根據後台傳過來的值判斷渲染哪個陣列

if

(res.bizproduct.status==

product_status

.stock

)else

if(res.bizproduct.status==

product_status

.sell

)else

if(res.bizproduct.status==

product_status

.sign

)else

if(res.bizproduct.status==

product_status

.return

)else

if(res.bizproduct.status==

product_status

.expire

)

4.頁面展示

"5">

"formdata.bizproduct.status" placeholder=

"請選擇"

>

v-for=

"item in selects"

:key=

"item.value"

:label=

"item.label"

:value=

"item.value"

>

<

/el-option>

<

/el-select>

<

/el-col>

下拉框實現唯讀狀態

設定為唯讀狀態有幾種方式 1.readonly 2.disabled 但是不能把資料提交到後台 以上2種方法只適用於輸入框,下來框唯讀狀態 沒有設定為唯讀的屬性,所以只能用js實現了,下邊是在網上找的方法 nf cus this.defaultindex this.selectedindex nch...

antd多選下拉框一行展示

我們都知道antd的select多選時,如果下拉框寬度不足,則自動浮動到下一行將下拉框撐大,但是這回影響到頁面的整體布局。我們期望的效果是,下拉框只顯示一行的值,超出一行的部分自動隱藏。下面有2種方案來實現這個效果。設定下拉框的最大高度為一行的高度,然後超出的部分隱藏。ant select sele...

乙個可輸入的下拉框外掛程式

selectinput v1.1 code by deeka e mail huangdijia 163.com 技術群 24810664 修正 1.ff與ie下的樣式小問題 2.input長度問題 支援多個input 特別鳴謝 cssrain,及幫忙測試的群友們 fn.inputer functi...