vue v-model绑定id值,显示name值

v-model绑定id值,这个{{}}显示name值,

刷新页面的时候,会先显示id在显示name,

我想刷新页面的时候只显示name,请问怎么解决。

<a-select class="col-select" v-model="id" showSearch @change="queryjg()" v-else>
     <a-select-option v-for=" (r,rindex) in jgList" :key="rindex">{{ r.jgmc }}
     </a-select-option>
</a-select>

 

下拉选择是吧

jgList: [
        { id: "1", name: "大学" },
        { id: "2", name: "高中" },
        { id: "3", name: "初中"}
     ]

<a-select class="col-select" v-model="aaa" showSearch @change="queryjg()" v-else>
     <a-select-option v-for="r in jgList" :key="r.id" :value="r.id" :label="item.name>
         {{ r.jgmc }}
     </a-select-option>
</a-select>

你试下

不明白你想要的效果。。。