美文网首页
Vue select 下拉框不反显数据

Vue select 下拉框不反显数据

作者: Rinaloving | 来源:发表于2022-12-17 14:59 被阅读0次

1. 问题

  • vue 中 下拉不反显结果（显示的code）。
  • 问题写法
      <el-form-item label="图标编码" prop="iconCode">
          <el-select v-model="tableForm.iconCode" placeholder="请选择图标">
            <el-option
              v-for="item in IconOpt"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            />
          </el-select>
        </el-form-item>
QQ截图20221218145425.png

  • 正确写法


    正确写法.png
    想要结果.png
  • 如果 v-model 绑定的数据是 number 类型，:value 绑定的数据是 string 类型，可以通过 *1 ，统一处理成 number 类型， 通过 + ‘’ ，统一处理成 string 类型

相关文章

  • Vue select 下拉框不反显数据

    1. 问题 vue 中 下拉不反显结果（显示的code）。 问题写法 正确写法正确写法.png想要结果.png 如...

  • 记录element select组件小功能开发

    1. 在基于vue+elementUI项目开发中，遇到了一个小的需求（select下拉框）。在后台返回的数据中，只...

  • 2018-01-02 调查问卷_angular ng-zorro

    1，select 将返回值加载在页面（select）上。数据绑定，[(ngModel)]。 注意：（1）下拉框的所...

  • Vue ant-design select滚动条跳动

    Vue ant-design下拉框select如果有null值，会出现跳动 将null值过滤掉即可

  • selenium之定位下拉框（Select）

    1. 定位