elementui穿梭框动态数据label.toLowerCase is not a function

出现 `label.toLowerCase is not a function` 错误，通常是因为你的数据源中的每个对象没有 `label` 属性。穿梭框默认会将数据源中每个对象的 `label` 属性作为显示文本，如果没有 `label` 属性，就会报出该错误。

要解决这个问题，你需要在数据源中的每个对象中增加 `label` 属性，或者通过 `props` 属性来指定数据源中的显示文本和值的属性名。具体实现如下：

1. 在数据源中增加 `label` 属性：

data: [
  { id: 1, name: '选项1', label: '选项1' },
  { id: 2, name: '选项2', label: '选项2' },
  { id: 3, name: '选项3', label: '选项3' }
]

2. 通过 `props` 属性指定数据源中的显示文本和值的属性名：

<el-transfer
  v-model="value"
  :data="data"
  :props="{ key: 'id', label: 'name' }"
></el-transfer>

<script>
  export default {
    data() {
      return {
        value: [],
        data: [
          { id: 1, name: '选项1' },
          { id: 2, name: '选项2' },
          { id: 3, name: '选项3' }
        ]
      };
    }
  }
</script>

以上两种方法都可以解决 `label.toLowerCase is not a function` 错误。