vue 不使用select實現下拉框功能 推薦

2022-10-06 23:48:13 字數 848 閱讀 4115

html部分:v-for迴圈出的結構

} qaddg" v程式設計客棧-show="isshowsize && index == i">

qaddg }

js部分:

data() ;

},//實現點選哪個下拉框顯示

clicksize (item, index) ,

//實現選取下拉值

getsize (item, item1) ,

下面看下vue--select元件的使用與禁用

業務:訊息推送方式有兩種,為「微信」和「郵件」,微信傳送時需要選擇「要傳送的應用程式」,郵件傳送時不需要

微信傳送時,頁面如下:

郵件傳送時,選擇器不可用,頁面如下:

雖然官網上沒有給出具體的例子,但可從屬性中查到 「disabled」屬性,

屬性說明

型別預設值

disabled

是否禁用

boolean

fals程式設計客棧e

實現:新增disabled屬性,寫成如下紅色標記格式;定義乙個isable變數,用來存放true和false值,決定此選擇框是否可用。

v-bind:disabled="isable" clearable v-model="dataagententity.id" style="width:240px">

} export default

}然後就是邏輯中操作變數isable的值,改變元件的可用禁用狀態了

methods: } }

test方法中只寫了判斷不可用,改回微信時,還要變成可用狀態,不然又埋了個bug,哈哈。不過這是業務邏輯了,只介紹方法,記個筆記,具體視情況而定。

本文位址:

用jquery模擬select實現下拉樹形選單。

之前隨便寫寫,發現需要的人挺多,抽了點時間寫了個完整的已上次到資源。http download.csdn.net source 3461323 首先感謝http www.codesky.net article doc 200810 200810166672871.htm 的作者。控制項原理就請到原文...

vue中不使用元件,實現翻牌器功能。

vue本身有元件 vue count to 使用和步驟 1,安裝 npm install vue count to 2,引入包 import countto from vue count to 3,使用 以上沒具體使用過 參考文件 我使用的是ul li span 完成,參考文件 底部貼出 d 部分 ...

VUE 實現下拉重新整理 底部載入更多

就是 onpulldownrefresh 方法,看注釋,其他都是為了測試做貢獻 class biggest class biggest class wenzi div div view template export default methods 1000 該方法就是下拉重新整理 該方法需要在pa...