u
This commit is contained in:
@@ -4,10 +4,7 @@
|
||||
<div class="container">
|
||||
<h1>
|
||||
<router-link :to="`/`">
|
||||
<!-- logo -->
|
||||
<slot>
|
||||
<!-- <img src="../assets/images/element-logo.svg" alt="element-logo" class="nav-logo"> -->
|
||||
<!-- <img src="../assets/images/element-logo-small.svg" alt="element-logo" class="nav-logo-small"> -->
|
||||
xm-select
|
||||
</slot>
|
||||
</router-link>
|
||||
@@ -19,7 +16,7 @@
|
||||
<router-link active-class="active" :to="`/`">使用手册</router-link>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href='https://gitee.com/maplemei/xm-select/issues/I1NSO7' target="_blank" style="opacity: 1;">提新需求↗</a>
|
||||
<a href='https://gitee.com/maplemei/xm-select/issues' target="_blank" style="opacity: 1;">提新需求↗</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
@@ -7,18 +7,53 @@
|
||||
<script>
|
||||
xmSelect.render({
|
||||
el: '#demo1',
|
||||
model: {
|
||||
label: {
|
||||
type: 'search'
|
||||
},
|
||||
autoRow: true,
|
||||
cascader: {
|
||||
show: true,
|
||||
indent: 200,
|
||||
},
|
||||
radio: true,
|
||||
filterable: true,
|
||||
data: [
|
||||
{name: '张三', value: 1, selected: true},
|
||||
{name: '李四', value: 2},
|
||||
{name: '王五', value: 3},
|
||||
]
|
||||
height: '200px',
|
||||
max: 1,
|
||||
maxMethod(a, item){
|
||||
console.log(item)
|
||||
},
|
||||
submitConversion(sels, prop){
|
||||
return sels.map(item => item[prop.name]).join(',')
|
||||
},
|
||||
data(){
|
||||
return [
|
||||
{name: '销售员', value: -1, disabled: false, children: [
|
||||
{name: '张三1', value: 1, selected: true, children: []},
|
||||
{name: '王五1', value: 13, disabled: true},
|
||||
{name: '王五1', value: 131, disabled: true},
|
||||
{name: '王五1', value: 132, disabled: true},
|
||||
{name: '王五1', value: 133, disabled: true},
|
||||
{name: '王五1', value: 134, disabled: true},
|
||||
{name: '王五1', value: 135, disabled: true},
|
||||
{name: '王五1', value: 136, disabled: true},
|
||||
{name: '王五1', value: 137, disabled: true},
|
||||
{name: '王五1', value: 138, disabled: true},
|
||||
]},
|
||||
{name: '奖品', value: -2, children: [
|
||||
{name: '奖品3', value: -3, children: [
|
||||
|
||||
]},
|
||||
{name: '苹果2', value: 4, disabled: true},
|
||||
{name: '香蕉2', value: 5},
|
||||
{name: '葡萄2', value: 6},
|
||||
]},
|
||||
{name: '李四1', value: 2},
|
||||
{name: '王五1', value: 3, disabled: true},
|
||||
{name: '王五1', value: 31, disabled: true},
|
||||
{name: '王五1', value: 32, disabled: true},
|
||||
{name: '王五1', value: 33, disabled: true},
|
||||
{name: '王五1', value: 34, disabled: true},
|
||||
{name: '王五1', value: 35, disabled: true},
|
||||
{name: '王五1', value: 36, disabled: true},
|
||||
{name: '王五1', value: 37, disabled: true},
|
||||
{name: '王五1', value: 38, disabled: true},
|
||||
]
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
|
||||
@@ -52,6 +52,7 @@
|
||||
| create | 创建条目 | function(val, data), val: 搜索的数据, data: 当前下拉数据 | - | null |
|
||||
| tree | 树形结构, 具体看下表 | object | - | - |
|
||||
| cascader | 级联结构, 具体看下表 | object | - | - |
|
||||
| submitConversion | 配置表单提交数据 | function(sels, prop), sels: 已选中数据, prop: 自定义的prop | - | - |
|
||||
|
||||
|
||||
### prop
|
||||
@@ -211,7 +212,7 @@ list: [ "ALL", "CLEAR",
|
||||
| render | 渲染多选 | (options: 配置项) | 实例对象 |
|
||||
| get | 获取页面中已经渲染的多选 | (filter: 过滤`el`, single: 是否返回单实例) | 符合条件的实例数组 |
|
||||
| batch | 批量操作已渲染的多选 | (filter: 过滤`el`, method: 方法, ...方法参数) | 符合条件的实例数组 |
|
||||
| arrr2tree | 把列表数据转化为树状结构 | (arr: 数据, pid: 父节点ID的key, id: 对应key, children: 对应key, topParentId: 顶级节点的ID) | 符合条件的数组 |
|
||||
| arr2tree | 把列表数据转化为树状结构 | (arr: 数据, pid: 父节点ID的key, id: 对应key, children: 对应key, topParentId: 顶级节点的ID) | 符合条件的数组 |
|
||||
|
||||
```
|
||||
//render 使用方式
|
||||
|
||||
Reference in New Issue
Block a user