很努力的去尝试自己解决，算上周末和今天已经五天时间！！

这个是返回的数据，数据类型是json对象
我想要v-for循环显示

就是在搜索框下面
在右侧选择框中每多一个银行就会遍历显示一次

请谁比较擅长简易的写一下相应的html和vue代码
万谢

这个是修改功能页面，左侧选择框中的银行是不参与活动的，右侧选择框中的银行是参与的活动的。
产品的意思是，修改页面应该满足一下要求
客户添加新的银行参与活动，需要填写相应的数据。
而已经参加活动的银行，如果活动处于上线状态，则只可以修改推荐位和排序，图片和积分不可以修改。
用户如果取消一个已经参与活动的银行，也就是把右侧的银行移动到左侧，则下面数据列表也动态改变，而如果用户属于手抖，又恢复这个银行去参与活动，需要重新把这个银行的活动数据从新显示。

左侧银行 -----》不参加活动的
右侧银行 -----》参加活动的

如果添加一个新的银行去参加活动，下面的数据列表需要动态显示一行，输入框是空置，要求填写数据

如果取消一个银行活动，则列表页也要删除这个银行的数据，但如果客户又恢复这个银行的活动资格，则再次添加这行数据需要有默认值。

@JellyBool
我视频看了十几遍了，还是不行。

额。。实在不好意思。我仔细看看你的需求，有点看不明白

搞了个粗制版的代码：https://jsfiddle.net/perfectboook/pjLpgpL8/ 。你要的应该是这样的效果吧。不要吐槽我的代码。。。

我个人的思路是这样的：
1.bankList 可以分为两种：一种是左边的，未参与的 list；一种是右边的，参与的list；
2.其实一种是右边的，参与的list 是跟搜索框下面的一样的吧，这里直接 v-for 输出就好了吧。
3.用户点击上方的两个个 select 框的bank（不管左边和右边），记录一个状态值
4.在添加和移除这两个按钮分别绑定 click 事件，事件里就可以在各自的 list 移除bank了

下方的 v-for 输出，假设在 tr 里面：

 <tr v-for="bank in bankLists">
            <td>{% bank.name %}</td>
            <td><ipnut name="plan" value="{%bank.integral_plan %}"></ipnut></td>
  </tr>

Vue 的代码，只是一个思路。

  new Vue({
        el: '#app',
        data: {
            bankLists: [],
            unselectedBankList:[]
        },
        ready: function () {
            var list2 = $('#list2 option').map(function () {
                return $(this).val();
            }).get().join(",");
            _token = "<?php echo csrf_token();?>";
            $.ajax({
                url: '/draw/select',
                dataType: 'json',
                data: {_token: _token, list2: list2},
                async: false,
                type: 'get',
                success: function (banks) {
                    this.bankLists = banks;
                }
            });
        },
        methods: {
           toggleSelectedBank:function (bank) {
                 bank.status = 'selected';//这里只是一个演示，设置 status 是为了检测 option 中的bank的状态，你也可以直接使用 jquery 判断
                 //this.bankLists.$remove(bank);
                //再加入没选中的list
                //this.unselectedBankList.$push(bank)
           }
        }
    })

使用 ajax 可以看看这里：https://laravist.com/community/tutorials/2

function sub(){
    var bankdata;
    var list2 = $("#list2 option").map(function(){return $(this).val();}).get().join(",");
    _token = "<?php echo csrf_token();?>";
    $.ajax({
        url		 : "{ url('draw/select') }",
        dataType : "json",
        data	 : {_token:_token,list2:list2},
        async	 : false,
        type	 : "get",
        success  : function(bank){
            bankdata = bank;
        }
    });
    //alert(JSON.stringify(bankdata));
};
new Vue({
    el: '#app',
    data: {
        message: 'bankdata'
    }
})

@JellyBool 现在唯一需要解决的问题就是我怎么把ajax反馈回来的数据 bank 处理成vue message可以让v-for使用的数据

大脑超频了

讨厌做样式，讨厌！！！！

我是不是应该辞职，玛德，后台数据我处理了两个小时搞定，一个前端样式我用了五天。

前端来一句，这个是后端负责的，老师告诉我不需要管！～～～～～～～～～

准备收拾行李了，然后弃用vue