1、 When v-model When a value is bound

<el-select v-model="modelTree" filterable>
   <el-option v-for="item in nameList" :key="item.id" :label="item.title" :value="item.id">
   </el-option>
</el-select>

The data echo shows only value, No display label, There may be several reasons ：

1、option The... Does not exist in the data of value value ,

2、option Of value Values and v-model The value of the binding , Inconsistent data types ,console.log Print out whether the two data types are consistent , In case of inconsistency, just change to the corresponding type .

3、 If the data is echoed , Show first value Display after value label value , It's because the page option The data of the drop-down box has not been obtained yet , So first show value value , You can add a... To the page loading

2、 When v-model When an object is bound

<el-select v-model="user" value-key="id" >
    <el-option
         v-for="item in users"
         :key="item.id"     
         :label="item.name"
         :value="item"
    />
</el-select>

1、value-key Bound property value Whether and :key The values of the objects bound in are equal

value-key="id"

:key="item.id"

2、v-model The bound value needs to be an object , And this object must contain value-key Properties bound in