初始化參數(shù)

return {
      fields: [
        {"title":"景區(qū)","id":0},
        {"title":"酒店","id":1}
      ],
      evaluates: [
        {"title":"好評(píng)","id":0},
        {"title":"中評(píng)","id":1},
        {"title":"差評(píng)","id":2}
      ],
}

<el-form-item label="評(píng)價(jià)" prop="appraise">
          <el-select v-model="form.appraise" placeholder="請(qǐng)選擇">
            <el-option
              v-for="evaluate in evaluates"
              :key="evaluate.id"
              :label="evaluate.title"
              :value="evaluate.id"
              clearable
            >
              {{ evaluate.title }}
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="分類" prop="classification">
          <el-select v-model="form.classification"  placeholder="請(qǐng)選擇">
            <el-option
              v-for="item in fields"
              :key="item.id"
              :label="item.title"
              :value="item.id"
              clearable
            >
              {{ item.title }}
            </el-option>
          </el-select>
        </el-form-item>

?

?文章來源地址http://www.zghlxwxcb.cn/news/detail-577833.html

后端傳送數(shù)據(jù)給前端后，下拉框回顯結(jié)果為數(shù)字！

最近遇到個(gè)問題后端返回結(jié)果后.前端雙向綁定回顯結(jié)果為數(shù)字.分析原因后發(fā)現(xiàn)是數(shù)據(jù)類型不一致導(dǎo)致回顯異常

解決方案

把option的value轉(zhuǎn)為字符類型即可

:value="evaluate.id+''"

<el-form-item label="評(píng)價(jià)" prop="appraise">
          <el-select v-model="form.appraise" placeholder="請(qǐng)選擇">
            <el-option
              v-for="evaluate in evaluates"
              :key="evaluate.id"
              :label="evaluate.title"
              :value="evaluate.id+''"
              clearable
            >
              {{ evaluate.title }}
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="分類" prop="classification">
          <el-select v-model="form.classification"  placeholder="請(qǐng)選擇">
            <el-option
              v-for="item in fields"
              :key="item.id"
              :label="item.title"
              :value="item.id+''"
              clearable
            >
              {{ item.title }}
            </el-option>
          </el-select>
        </el-form-item>

?

到了這里，關(guān)于element-ui select數(shù)據(jù)回顯顯示數(shù)字的問題 el-select校驗(yàn)失效出現(xiàn)阿拉伯?dāng)?shù)字問題的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！