vue下拉列表的兩種實現方式

2021-08-25 12:06:19 字數 555 閱讀 1390

select v-model="form.columetype" placeholder="字段型別">

option v-for="(item,index) in columetypearr" :key="index" :label="item.label" :value="item.value">

option>

select>

這種方式需要在data中定義columetypearr,如下

data(),,],

}}

="form.fileorgtype" placeholder=

"請選擇"

>

"是" value=

"y">

>

"否" value=

"n">>

>

兩種方式的比較:

兩種方式都差不多,只是第一種方式需要在data中進行配置,對於需要資料從後台回顯的情況,明顯是第一種方法好。對於簡單的下拉列表引數很少的情況,第二種明顯更佔優。

VUE彈窗的兩種實現方式

方法一 使用.sync修飾符 element就是使用的這種方式,實現方式如下 父元件 test model div template import testmodel from src components testmodel export default components script sty...

vue建立專案(兩種方式)

建立專案的前提是 已經安裝成功vue cli,安裝vue cli的詳細 請檢視博文 1.第一種方式 命令方式 vue create 專案名稱 注意專案名稱不要是中文 大寫字母,例項如下 1.vue create demo 2.cd demo 3.npm run serve 2.第二種方式 視覺化介面...

兩種方式實現checkBox readonly功能

今天在做開發的時候遇到了這樣乙個問題 有乙個checkbox選項是不能被改變的。但是checkbox又是沒有readonly屬性的,這個時候我就想到了另外乙個屬性disabled,但是disabled的物件是不能提交到後台的,所以這個又被排除掉了。想了想,只能新增事件來搞定了。於是在checkbox...