一.簡述
在數(shù)據(jù)庫中存儲(chǔ)數(shù)據(jù)為數(shù)字，而前端顯示界面需要進(jìn)行字符串類型展示
如在編輯頁面需要回顯數(shù)據(jù)，該如何進(jìn)行轉(zhuǎn)換呢？

1.在select中如下：

  <el-form-item label="性別">
            <el-select v-model="userForm.sex" placeholder="請(qǐng)選擇性別">
              <el-option v-for="(item,key) in sexs" :key="key" :label="item.label" :value="key"></el-option>
            </el-select>
 </el-form-item>

2.定義如下數(shù)據(jù)類型

 data() {
      return {
        //多條件查詢是否性別下拉框
        sexs: [{
          value: '0',
          label: '男'
        }, {
          value: '1',
          label: '女'
        }],
}
}

3.如果：option 中的label如下：

:label="item"

顯示數(shù)據(jù)為：

數(shù)據(jù)類型顯示

4.顯然這不是我們需要看到的數(shù)據(jù)，修改為

:label="item.label"

效果顯示正確

效果2