ivew下拉远程搜索

<i-col span="1" offset="8">
                 <div>手机号(选择):</div>
           </i-col>
           <i-col> <i-select style="width:200px" v-model="queryParams.mobile"
            filterable
            clearable
            remote
            multiple
            :remote-method="mobileRemote"
            :loading="loading"
            label-in-value
            @on-change="hanleMobileChange"
            placeholder="请输入或选择"
            ref="setStyle">
              <i-option v-for="(item, index) in userData" :value="item.phoneNumber" :key="item.phoneNumber" :label="item.phoneNumber">{{item.name}}--{{ item.phoneNumber }}</i-option>
           </i-select>
           </i-col>

js
mobileRemote:function(query){
            vm.loading = true;
            $.get(baseURL + "match/selectUserMobile?mobile="+query, function(r){
                vm.loading = false;
                if(r.code == 0)
                {
                    
                    vm.userData = r.list;
               /*     for (var i = 0; i < r.list.length; i++) {
                        vm.$set(r.list[i], 'Name', r.list[i].phones);
                    }*/
                } else
                {
                    
                } 
            });
        },