element ui中el-transfer（穿梭框）如何设置只有穿梭到右边，不给右边穿梭回左边

在 Element UI 中，要实现只能将数据从左侧穿梭到右侧，而不能从右侧穿梭回左侧，可以通过监听 `change` 事件，并在事件处理函数中进行判断和处理。下面是一个示例代码：

<template>
  <div>
    <el-transfer
      v-model="data"
      :data="mockData"
      :filterable="true"
      @change="handleTransferChange"
    ></el-transfer>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: [],
      mockData: [], // 假设你的数据是通过接口获取的
    };
  },
  methods: {
    handleTransferChange(newData) {
      const transferredData = newData.filter(item => item.to === true);
      this.data = transferredData;
    },
  },
};
</script>

在这个示例中，我们监听了 `change` 事件，并在事件处理函数 `handleTransferChange` 中对传递过来的新数据进行过滤，只保留 `to` 属性为 `true` 的数据，即只保留右侧列表中的数据。然后将过滤后的数据赋值给 `data` 属性，即保证只有穿梭到右侧的数据被保留。

这样，用户只能将数据从左侧穿梭到右侧，而不能从右侧穿梭回左侧。