Vue Select下拉框控件异常显示id,亲测有效

dishList 里面的id和绑定的值dishname字段类型要一致

  <template slot-scope="scope" slot="dishNameForm">
        <el-select v-model="form.dishName"  placeholder="请选择" @change="dishNameChange()"  @click.native="selectdishClick()">
          <el-option
            v-for="item in dishList"
            :key="item.id"
            :label="item.name"
            :value="item.id+''"
          ></el-option>
        </el-select>
      </template>

因为我接口的formdishName是string类型的值 '5',但是dishList里面是id,int类型,导致页面显示5

法1:value="item.id+''" 就解决

法2 改dishList里面id的字段类型


版权声明:本文为weixin_38110122原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。