elementui el-select顯示value不顯示label

vue---解決el-select顯示value不顯示label的問題

問題在於v-model綁定的值和渲染的值類型不匹配
比如v-model綁定了一個整型，但是渲染的時候是字符串

<el-form-item label="狀態" prop="xxx">
    <el-select v-model="row.xxx"> // 這里的xxx是整型
       <el-option v-for="item in list" :key="item.value" :label="item.name" :value="item.value"></el-option> // 這里的value是字符串
    </el-select>
</el-form-item>

row: {
       xxx: null
}

可以在從接口讀取到后端數據的時候，對數據進行轉換，比如用String函數或者在末尾加上''

// 如果后端讀取到的xxx是整型需要強轉
this.row.xxx= String(this.row.xxx)
// 或者
this.row.xxx= this.row.xxx+ ''

也可以在最開始定義這個數據的時候就定義為字符串類型，賦值為空字符串

 row: {
       xxx: ''
}