Les données de sélection d'Element-ui font écho au problème de l'affichage des nombres. La vérification el-select échoue et des chiffres arabes apparaissent.

Paramètres d'initialisation

return {
      fields: [
        {"title":"景区","id":0},
        {"title":"酒店","id":1}
      ],
      evaluates: [
        {"title":"好评","id":0},
        {"title":"中评","id":1},
        {"title":"差评","id":2}
      ],
}

<el-form-item label="评价" prop="appraise">
          <el-select v-model="form.appraise" placeholder="请选择">
            <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="请选择">
            <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>

 

 

Une fois que le backend a transmis les données au frontend, la liste déroulante renvoie le résultat sous forme de nombre !

J'ai rencontré un problème récemment. Après que le backend ait renvoyé le résultat, la liaison bidirectionnelle frontale a renvoyé le résultat sous forme de nombre. Après avoir analysé la raison, il a été constaté que le type de données était incohérent, provoquant l'exception d'écho.

solution

Convertissez simplement la valeur de l'option en type de caractère

1	:value="évaluer.id+''"

<el-form-item label="评价" prop="appraise">
          <el-select v-model="form.appraise" placeholder="请选择">
            <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="请选择">
            <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>