去遍历列表,然后找到勾选的,将其作为参数重新发请求获取数据,重新渲染
element-ui里面有穿梭框,可以去看看
这个应该是for循环出来的吧
例如左侧数据为left_list
新增一右侧数据right_list,并和左侧数据一样for循环,点击左侧数据时获取点击的index,将left_list[index]的数据放到右侧数据里,并删除左侧此数据,这样左侧点击后,左侧此点击数据消失,右侧显示
做这个事情,你需要做2个步骤:
//假设左边显示对应的数据是
let zuo = [{id:1,hangye:"IT",fuzeren:"你",tel:"123"},{id:2,hangye:"医疗",fuzeren:"我",tel:"234"},{id:3,hangye:"建筑",fuzeren:"他",tel:"456"}];
let you = [];//假设右边一开始是空的
//这时候选中了第一个并点击了认领,
function claimclick(id){
//这个时候有里边就有了你点击的这个数据了,
you.push(zuo.find(v=>{return v.id===id}));
}
左边选中之后把整个数据放到右侧的数组中
例如:
// 步骤1
// 声明左侧数据和右侧数据
// 左侧数据
const leftArr = [
{
id: 1,
name: 'name1'
},
{
id: 2,
name: 'name2'
}
]
const rightArr = []
// 步骤2
// 左侧的选中id为1的数据
// 这时左侧数据和右侧数据如下
const leftArr = [
{
id: 2,
name: 'name2'
}
]
const rightArr = [
{
id: 1,
name: 'name1'
},
]