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

最新推荐文章于 2024-06-03 16:25:31 发布

小果子^_^

最新推荐文章于 2024-06-03 16:25:31 发布

阅读量4.7k

点赞数 2

分类专栏： Vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_44021888/article/details/131779584

版权

Vue 专栏收录该内容

61 篇文章 5 订阅

订阅专栏

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

问题截图：

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

<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改成字符串就可以了

<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>