vue element select下拉框回显展示数字

小果子^_^2023-07-23 16:38

vue element select下拉框回显展示数字

问题截图：

下拉框显示数字可以从数据类型来分析错误，接收的数据类型是字符串，但是value是数字类型

javascript 复制代码

<el-form-item prop="classifyLabelId" :label="$t('item.classifyLabelId')">
  <el-select v-model="dataForm.classifyLabelId" clearable placeholder="请选择">
    <el-option v-for="classifyLabel in classifyLabelOptions" :key="classifyLabel.id" :label="classifyLabel.label" :value="classifyLabel.id">
    </el-option>
  </el-select>
</el-form-item>

传的参数和接收的数据类型一直才不会出现错误，所以将value改成字符串就可以了

javascript 复制代码

<el-form-item prop="classifyLabelId" :label="$t('item.classifyLabelId')">
  <el-select v-model="dataForm.classifyLabelId" clearable placeholder="请选择">
    <el-option v-for="classifyLabel in classifyLabelOptions" :key="classifyLabel.id" :label="classifyLabel.label" :value="classifyLabel.id + ''">
    </el-option>
  </el-select>
</el-form-item>