el-select 默認值顯示value不顯示label問題

el-select 默認值顯示value不顯示label問題
在做編輯頁面時
需要取到列表項數據回顯默認值
在做select回顯的時候遇到了這個問題

明明拿到的值和value中的值一樣
但是就是不轉換成label
這種情況一般出現在value為數字的情況

原因是

返回的數字和el-option選框里value值的類型對應不上
一個是 Numer 一個是 String

所以就不轉換了
檢查一下統一類型就好了

<template>
  <el-select v-model="select" placeholder="請選擇">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
</template>
 
<script>
  export default {
    data() {
      return {
        options: [{
          value: '選項1',
          label: '黃金糕'
        }, {
          value: '選項2',
          label: '雙皮奶'
        }, {
          value: '選項3',
          label: '蚵仔煎'
        }, {
          value: '選項4',
          label: '龍須面'
        }, {
          value: '選項5',
          label: '北京烤鴨'
        }],
        select: ' '  // 選取默認值在里面就可以了，比如：  select:"雙皮奶"；
      }
    }
  }