@sinoyd/transfer-three v1.0.2

基于 element-ui 组件 el-transfer 的三段式穿梭框

gitlab

npmjs

安装

npm install @sinoyd/transfer-three

使用

<script>
import TransferThree from '@sinoyd/transfer-three';

export default {
  components: {
    TransferThree,
  },
  data() {
    return {
      // 数据源
      data: [],
      // 左侧数据
      leftValue: [],
      // 右侧数据
      rightValue: [],
    };
  },
}
</script>

<template>
  <div style="height: 500px">
    <TransferThree
      mode="copy"
      filterable
      filter-placeholder="请输入"
      :data="data"
      :left-value.sync="leftValue"
      :right-value.sync="rightValue"
      :titles="['left', 'source', 'right']"
      :props="{ key: 'key', label: 'label' }"
      @change="onChange"
    ></TransferThree>
  </div>
</template>

props

event