a-select获取数据后，值不显示

<a-col :md="6" :sm="12">
  <a-form-item label="事件小类">
    <a-select v-model="queryParam.columetype" placeholder="请选择事件小类" @change="handleChangeColumeType":allowClear="allowClear" >
      <a-select-option v-for="(item,index) in columetypeData" :key="index" :value="item.id" v-if="queryParam.appName=='平安码'">
        {{ item.typeName }}
      </a-select-option>
      <a-select-option v-for="(item,index) in columetypeData" :key="index" :value="item.id" v-if="queryParam.appName=='码上办'">
        {{ item.name }}
      </a-select-option>
    </a-select>
  </a-form-item>
</a-col>

//当数据发生改变时，修改下拉列表选中的内容
//当vue的选中值 但是没有发生变化 可以加change事件 强制刷新
handleChangeColumeType(id){
    this.$forceUpdate();//迫使 Vue实例重新渲染。仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件
},