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

Question

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>

Answer 1

下拉选择是吧

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>

你试下