Elementui穿梭框使用（动态数据）

今天简单记录一下用到的elementui穿梭框的使用
我需要新建一个项目，要传的参数包括项目名字和描述，还有一堆文件列表的id

这个时候就会用到elementui的穿梭框，不废话直接上代码

首先获取我需要的文件列表 里面包括文件的名字，id，文件大小等等

 //获取文件列表
    fileList() {
   
      this.axios({
   
        url: API.filesList,
        method: "get"
      }).then(res => {
   
        this.fileArr = res.data.data;
        console.log(this.fileArr);
      });
    },

data里return的代码

  //添加项目传入数据选项
      form: {
   
        entryName: "",
        describe: ""
      },
      fileArr: [], //穿梭框文件列表
      fileIdArr: [], //穿梭框文件id数组
      yesData: [1, 2], // 注意:key 的字符类型要一致!!!

然后这是html代码

    <div class="SelectFile" ref="SelectFile