写一段vue的穿梭框代码

好的，以下是一段vue的穿梭框代码：

<template>
  <div>
    <el-transfer
      v-model="transferData"
      :data="dataList"
      :titles="['待选列表', '已选列表']"
      :filterable="true"
      :filter-placeholder="'请输入关键词'"
      :format="format"
      :props="props"
      @change="handleChange"
    ></el-transfer>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dataList: [
        {
          key: 1,
          label: '选项1'
        },
        {
          key: 2,
          label: '选项2'
        },
        {
          key: 3,
          label: '选项3'
        }
      ],
      transferData: [],
      props: {
        key: 'key',
        label: 'label'
      }
    };
  },
  methods: {
    format({ label }) {
      return label;
    },
    handleChange() {
      // 处理选中的数据
    }
  }
};
</script>

这是一个基于element-ui的穿梭框组件，包含两个列表：待选列表和已选列表。用户可以通过搜索框进行筛选，选中的数据可以通过change事件进行处理。