1.0.0 • Published 5 years ago
vue-ransfer v1.0.0
List 列表
穿梭框,适用于左右双列表数据,不依赖单一的一组数据
使用指南
// 引入组件
import transfer from '@/components/transfer';
// 注册组件
components: {
transfer
},
代码演示
基础用法
<transfer
:personArry="personArry"
:selectedArry="selectedArry"
@seach="seach"
@confirms="confirms"
v-if="isArry"
/>
export default {
data() {
return {
personArry: [],
selectedArry: [],
isArry: true,
};
},
}
API
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
personArry | 左边筛选的所有(人员)数组,格式为{label:'李强',key:'wegrrgncdtgrf'},key是唯一性 | Array | Null |
selectedArry | 已选择的(人员)数组,异步请求,格式同上 | Array | Null |
isArry | 是否加载组件,可在数据请求完毕设置为true | Boolean | true |
Event
事件名 | 说明 | 参数 |
---|---|---|
seach | 左边数据人员搜索筛选(调用所有人原接口) | String |
confirms | 确认添加选择的(人员)到右边 | - |
1.0.0
5 years ago