npm.io
1.0.2 • Published 4 years ago

vir-list-v3

Licence
ISC
Version
1.0.2
Deps
0
Size
22 kB
Vulns
0
Weekly
0
Stars
1

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 []
labelName label 绑定的文案名称 String ''
labelWidth 文案宽度(px) String '72'
labelPositon 文案位置(text-align) String 'right'
placeholder placeholder String '请选择内容'
headerHeight 选择框高度(px) String '30'
lineHeight line-height String '30'
showNum 下拉框显示的条数 Number 10

Keywords