<CheckboxGroup v-model="fruit">
     <Checkbox v-for="(item,key) in historyData" :key="item.id" :label="item.id" :value="item.id" size="large" @on-change="select">
                         <span>{{item.name}}</span>
     </Checkbox>
</CheckboxGroup>

var vue =  new Vue({
    el: '#app',
    data (){
        return {
            historyData:[],
            fruit: []
        }
    },
    methods: {
        // 1
        querytable(evt){
            var dataSource = [];
            $.ajax({ 
                url: "/userRole/getRoles", 
                type:'post',
                data: {
                },
                async : false,
                dataType:'json',
                success: function(data){
                    if(data.type == 'success'){
                        dataSource = data;
                    }
              }}); 
                  this.historyData = dataSource.list;
                 for (var i = 0; i < dataSource.list.length; i++) {
                     this.fruit.push(dataSource.list[i].id)
                }
      },
      select(){
          console.log(this.fruit);
      }
    },
      //當頁面加載的時候執(zhí)行
         created () {
          this.querytable();
        }
    });

問題 1 無法顯示value
問題 2 提交的時候如何獲取已選中的value
新手請大神指教~