1.0.2 • Published 3 years ago

vir-list-v3 v1.0.2

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

vue3 插件 vir-list-v3

插件的安装

npm i vir-list-v3

引入插件

import virListV3Plugin from 'vir-list-v3';
import 'vir-list-v3/index.css';

app.use(virListV3Plugin);

基本用法

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

<vir-list-v3 vmodel="demo" :options="options" labelName="名称">
    <template #default="{item}">
        <span>{{item.label}}</span>
        <span>{{item.value}}</span>
    </template>
</vir-list-v3>

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