1.0.0 • Published 5 years ago

vue-ransfer v1.0.0

Weekly downloads
1
License
ISC
Repository
-
Last release
5 years ago

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是唯一性ArrayNull
selectedArry已选择的(人员)数组,异步请求,格式同上ArrayNull
isArry是否加载组件,可在数据请求完毕设置为trueBooleantrue

Event

事件名说明参数
seach左边数据人员搜索筛选(调用所有人原接口)String
confirms确认添加选择的(人员)到右边-