Vue 关于element穿梭框进行的修改成table表格穿梭框_element穿梭框加表格

算法刷题

大厂面试还是很注重算法题的，尤其是字节跳动，算法是问的比较多的，关于算法，推荐《LeetCode》和《算法的乐趣》，这两本我也有电子版，字节跳动、阿里、美团等大厂面试题（含答案+解析）、学习笔记、Xmind思维导图均可以分享给大家学习。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

写在最后

最后，对所以做Java的朋友提几点建议，也是我的个人心得：

1. 疯狂编程

2. 学习效果可视化

3. 写博客

4. 阅读优秀代码

5. 心态调整

     <el-col :span="10" style="border:1px solid #EBEEF5">
       <span style="display:block;font-size:16px;text-align:center;padding:10px;border-bottom:1px solid #EBEEF5;margin-bottom:10px">请选择</span>
       <el-col :span="16">
         <el-form-item label="姓名">
           <el-input size="mini" v-model="studentName" :style="{width: '120px'}"></el-input>
         </el-form-item>
       </el-col>
       <el-col :span="24" style="margin-right:10px" >
         <el-form-item label="所属单位">
           <select-builder table="org" v-model="orgId" :style="{width: '120px'}"></select-builder>
   		*[HTML]:自己封装的组件，没有的话也可以用input
             <el-radio-group v-model="search\_range">
               <el-radio :label="0" style="margin-left: 10px; margin-right:10px;">本级</el-radio>
               <el-radio :label="1">全部</el-radio>
             </el-radio-group>
         </el-form-item>
       </el-col>
       <el-col :span="24" style="display:flex;justify-content:space-around;margin:-10px 0 10px 0">
           <el-button type="primary" size="mini">查询</el-button>
       </el-col>
       <el-table :data="data1" border ref="selection" @selection-change="checkAll" style="width: 100%">
         <el-table-column type="selection" width="30"> </el-table-column>
         <el-table-column prop="name" label="人员姓名" > </el-table-column>
         <el-table-column prop="date" label="机构路径" ></el-table-column>
       </el-table>
     </el-col>
     <el-col :span="2" style="display:flex;flex-direction:column;justify-content:center">
       <el-button icon="el-icon-d-arrow-right" :disabled="nowSelectData.length?false:true" size="mini" type="primary" @click="handelSelect"></el-button>
       <el-button icon="el-icon-d-arrow-left" :disabled="nowSelectRightData.length?false:true" size="mini" type="primary" @click="handleRemoveSelect" style="margin-top:10px;margin-left:0px;"></el-button>
     </el-col>
     <el-col :span="10" style="border:1px solid #EBEEF5;min-height:460px">
       <span style="display:block;font-size:16px;text-align:center;padding:10px;border-bottom:1px solid #EBEEF5;margin-bottom:10px">已选择</span>
       <el-table :data="selectArr" border ref="selection" @selection-change="checkRightAll" style="width: 100%">
         <el-table-column type="selection" width="30"></el-table-column>
         <el-table-column prop="name" label="人员姓名"></el-table-column>
         <el-table-column prop="date" label="机构路径"></el-table-column>
       </el-table>
     </el-col>
   </el-row>
   

js