element-ui select value-key踩坑记录

如官方文档所说 ,

value-key 作为 value 唯一标识的键名,绑定值为对象类型时必填   类型为string    默认值为value

element-ui官方文档


<el-select size="small" class="fours" placeholder="请选择品牌" v-model="girard" value-key="name" :disabled="isDaPin">

                                        <el-option v-for="(item,index) in brandsSel" :value="item" :label="item.name" :key="item.id">

                                                <span style="float: left; ">@{{item.name}}</span>                                        </el-option>

                                    </el-select>


js:
girard:{"id":value,"name":res.content[value][0],'daPin':res.content[value][1]}

//这里根据接口获取



使用场景 :当select进页面时需要赋值 并且label和key不一致的时候用,浅显的说进入页面要求是展示name,修改后传name对应的id给后端:

person:{

id:1,

name:'小明'

}

这个时候需要用到value-key  并且要与v-model  ,:value, :label,:key 配合使用


坑:不太清楚为什么 value-key = id 渲染不成功  value-key = name时就成功了呢   :)

select 刚刚发现有更简单的赋值方法  跟着文档的代码只要你设的v-model="girard"里的girard和下面v-for里的:value一致就行了  ,不需要那么多弯弯绕 :)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • pyspark.sql模块 模块上下文 Spark SQL和DataFrames的重要类: pyspark.sql...
    mpro阅读 9,537评论 0 13
  • 一场雨过后 世界澄澈清明 所有的悲伤与失意都被冲刷 残留的矫情会显得刻意 我以为风平浪静,万里无云 后来发现心里的...
    北城未眠阅读 399评论 55 11
  • 最近微信好友都在朋友圈狂晒自己18岁的照片,每个人都在感叹时光易逝。其实仔细想,不管你在什么年纪,看到比你...
    bb5647d69423阅读 213评论 0 0