首页 > 其他分享 >el-select v-model绑定为对象时,value-key的个人理解

el-select v-model绑定为对象时,value-key的个人理解

时间:2022-10-24 17:44:15浏览次数:52  
标签:el 绑定 value key id select

先看代码示例:

<template>
    <el-select v-model="media" value-key="id" placeholder="请选择" @change="mediaChange">
        <el-option v-for="item in medias" :key="item.id" :label="item.mediaName" :value="item">
        </el-option>
    </el-select>
</template>

很多博客误导人的是: el-select中添加value-key='id' 这个id和el-option中的key绑定的值一样

其实不然,el-option的key只是v-for的key,而不是el-option的key,跟值的比较一点关系都没有

这个value-key指的是v-model的绑定对象的id 和 :value="item"的id ,而不是key!

标签:el,绑定,value,key,id,select
From: https://www.cnblogs.com/jqws/p/16822187.html

相关文章