el-transfer点击左边的选项直接出现在右边

想要的效果：当选择左侧栏里面的选项时，不需要点击中间选择按钮，直接实现选项跑到右侧栏中

查阅文档后我发现官方给了几个事件：

然后我通过绑定左侧点击事件实现了我想要的效果，直接上代码：

 <el-transfer v-model="ruleForm.reserveIdList"
            ref="reserve"  //这块必须有
             @left-check-change="handleChange"
            :data="transferData" //循环的数据
           :props="{
                key: 'id',
               label: 'name',
           }"
          :titles="['list1', 'list2']"
         >
 </el-transfer>

change事件的代码：

handleChange(value, direction){
     this.$nextTick(() => {
          console.log(this.$refs.reserve)//这个就是它包含的所有的属性以及事件，如果需要别的操作直接执行，也可以查询到              
          this.$refs.reserve.addToRight();//直接执行到右事件
     })
 },

反过来如果想要右边点击左边直接出现的话，也是同样的道理。