vue2 el-transfer
时间: 2023-11-18 16:05:52 浏览: 189
transfer.vue
Vue2中的el-transfer是一个基于Vue和element-ui的穿梭框组件。它可以用于在两个列表之间转移数据。在使用el-transfer时,你可以实现以下功能:
1. 显示左侧和右侧两个列表,左侧列表显示未分配的资源,右侧列表显示已分配的资源。
2. 你可以通过勾选全选来将所有资源添加到右侧列表,左侧列表会显示为空。
3. 保存后,你可以点击编辑按钮,左侧列表将显示未分配的资源,右侧列表将显示已分配的资源[2]。
4. el-transfer支持分页,使用的是先查询出全部数据,再使用js进行算法分页。这是因为一次渲染过多的数据会导致穿梭框加载有延迟,不太友好。
总之,el-transfer是一个轻量级的基于Vue和element-ui的穿梭框组件,可以方便地实现资源的转移和分配。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
阅读全文