0.1.0 • Published 7 months ago

lxcmake-form-design v0.1.0

Weekly downloads
-
License
ISC
Repository
github
Last release
7 months ago

参考文档: http://markdown.p2hp.com/index.html

lxcmake-form-design

An Amazing Select Component For Vue2

Install & Use

npm install lxcmake-form-design
#or
yarn add lxcmake-form-design

Import and register component

Global

import Vue from 'vue'
import LxcmakeFormDesign from 'lxcmake-form-design'
Vue.use(LxcmakeFormDesign)

Local

<template>
  <LxcmakeFormDesign
    :options="options"
    label="label"
    value="value"
    placeholder="请选择"
    :disabled="false"
    :width="160"
    :height="36"
    :num="6"
    v-model="selectedValue"
    @change="onChange" />
</template>
<script>
import { LxcmakeFormDesign } from 'lxcmake-form-design'
export default {
  components: {
    LxcmakeFormDesign
  }
}
</script>

Props

属性说明类型默认值
options选项数据Array[]
label选择器字典项的文本字段名Stringlabel
value选择器字典项的值字段名Stringvalue
placeholder选择框默认文字String请选择
disabled是否禁用下拉Booleanfalse
allowClear是否支持清除Booleanfalse
width选择框宽度Number200
height选择框高度Number36
num下拉面板最多能展示的下拉项数,超过后滚动显示Number6
selectedValue(v-model)当前选中的option条目/Number/Stringnull

Events

事件名说明返回值
change选择某项下拉后的回调函数value, label, index(value值,label文本值,index索引值)
0.1.0

7 months ago