Vue elementUI下拉框自定義顏色選擇器

2021-10-24 17:40:31 字數 1265 閱讀 5214

二、父元件使用步驟

話不多說,直接上**

>

ref=

"colorselect"

placeholder="

" v-model

="mycolor"

style

="width

: 100%

" @change

="handlechange"

>

v-for

="item in colorlist"

:key

="item"

label="

" :value

="item"

v-html="

''+ item+';width:' +'100%'+';height:'+'90%'+'>'"

>

el-option

>

el-select

>

template

>

>

export

default

, props:},

//父元件繫結的值

color:},

data()

},methods:})

},handlechange

(val)},

created()

},watch:}}

script

>

scoped

>

style

>

元件使用了model,不明白的可以檢視官網

具體進入路徑要看你的子元件位置

import colorselect from

"../../../elements/colorselect"

;

在components中宣告元件

components:

在data中定義自己的顏色陣列與繫結屬性

data()

使用

:color-list

="colorlist"

v-model

="color"

>

color-select

>

完(最後貼圖一張)

下拉框 列舉

列舉 public enum mchtprofitsplittype public string getvalue class 初始化中要放到下拉列表裡的 分賬方式列舉mchtprofitsplittype listorgprofitsplittypelist new arraylist mchtp...

下拉框元件

createselect.js text 建立民族陣列 var arraynation new array 漢族 蒙古族 彝族 侗族 哈薩克族 畲族 納西族 仫佬族 仡佬族 怒族 保安族 鄂倫春族 回族 壯族 瑤族 傣族 高山族 景頗族 羌族 錫伯族 烏孜別克族 裕固族 赫哲族 藏族 布依族 白族 ...

下拉框賦值

針對combox控制項,對下拉框賦值 domain ligercombobox data表示的就是資料來源,cancelable 如果設定為true,那就表示該下拉框中的值可以被刪除,叉掉,重新進行選擇。第二種情況是 如果將下拉框中的值不靈活使用,即寫死,那就如下建立資料來源 var test 其實...