选项穿梭框，完成部分

​x
 
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
<div id="box">
    <div class="left">
        <p v-for="item in list1"><input type="checkbox" v-model="item.select" > {{item.title}}</p>
    </div>
    <div class="center">
      <h3 @click="go_left"> >>> </h3>
      <h3 @click="go_right"> <<< </h3>
  </div>
    <div class="right">
        <p v-for="item in list2"><input type="checkbox" v-model="item.select" > {{item.title}}</p>
    </div>
</div>
</body>
</html>

HTML

xxxxxxxxxx
 
var vm = new Vue({
        el:"#box",
        data : {
            list1: [
                {
                    title: '选项1',
                    select: false
                },
                {
                    title: '选项2',
                    select: false
                },
                {
                    title: '选项3',
                    select: false
                },
                {
                    title: '选项4',
                    select: false
                }
            ],
            list2: [
                {
                    title: '选项11',
                    select: false
                },
                {
                    title: '选项22',
                    select: false
                },
                {
                    title: '选项33',
                    select: false
                },
                {
                    title: '选项44',
                    select: false
                }
            ]
        },
       
        methods:{
            go_left:function(){
              var tmp=[];
              for(x in this.list1){
                if(this.list1[x]['select']==true){
                  this.list1[x]['select']=false;
                  this.list2.push(this.list1[x]);
                }else{
                  tmp.push(this.list1[x])
                }
              }
              this.list1=tmp;
            },
           go_right:function(){
              
            },
        } 
    })

JavaScript