0.2.1 • Published 2 years ago
LGC-UI
背景
在项目开发过程中,我们会经常封装一些常用并且比较实用的组件。为了省时省力,我这里把开发中封装的认为比较好用的组件,做成一个组件库,这样在以后开发新项目时,只需要npm install 安装进来便可使用。
项目介绍
该项目是一套常用的UI组件。你也可以认为是一些工具组件。
使用组件
import lgcui from 'lgc-ui'
Vue.use(lgcui)
组件
RenderSelect
列表中各项目的选中效果
使用方式
<xl-render-select></xl-render-select>
RenderSelect Attribute
参数 | 类型 | 说明 | 默认值 | 可选值 |
---|
data | array | 显示的数据 | — | — |
keyName | string | 选项遍历的key名称 | 默认是下标index | - |
title | string | 标题 | 不显示标题 | - | - |
RenderSelect Events
事件名 | 说明 | 参数 |
---|
itemClick | 当某一项被点击时触发该事件 | item,index |
RenderSelect Methods
方法名 | 说明 | 参数 |
---|
setDefaultByIndex | 根据下标设置默认选中项 | index |
RenderSelect Slot
name | 说明 |
---|
item | 列表中每项item的自定义样式,是必须自己实现 |
title | 标题文字 |
titleOpts | 标题的操作 |