1.0.2 • Published 2 years ago

vir-list-v2 v1.0.2

Weekly downloads
-
License
ISC
Repository
github
Last release
2 years ago

vir-list-v2

插件的安装

npm i vir-list-v2

引入插件

import virListV2Plugin from 'vir-list-v2';

Vue.use(virListV2Plugin)

基本用法

<vir-list-v2 vmodel="demo" :options="options" labelName="名称" @change="onChange" />

<vir-list-v2 vmodel="demo" :options="options" labelName="名称">
    <template slot-scope="{item}">
        <span>{{item.label}}</span>
        <span>{{item.value}}</span>
    </template>
</vir-list-v2>

export default {
    data() {
        demo: 1,
        options: [
            { label: 'xxxx', value: 1 },
            { label: 'yyyy', value: 2 }
        ]
    }
}

API 说明

参数说明类型默认值
v-model双向绑定变量基本类型-
change切换回调函数Function-
options接口返回的下拉数据列表对象数组 Array[]
labelNamelabel 绑定的文案名称String''
labelWidth文案宽度(px)String'72'
labelPositon文案位置(text-align)String'right'
placeholderplaceholderString'请选择内容'
headerHeight选择框高度(px)String'30'
lineHeightline-heightString'30'
showNum下拉框显示的条数Number10