代码:

<el-select placeholder="选择套餐" size='small' value-key="id" v-model="form.chooseMeal" @change="selectedMeal"  clearable style="width: 100%">
      <el-option v-for="item in packageList" :key="item.id" :label="item.name" :value="item"></el-option>
</el-select>

注意事项:
1.如上代码value绑定的是item的对象;
2.首先在el-option中添加:key="item.id"的属性;
3.然后在el-select 添加value-key="id"属性,注意value-key前面没有:
4.注意value-key的值与key绑定的属性值对应。

最后肯定有人问我是怎么找到,看文档,
http://element-cn.eleme.io/#/zh-CN/component/select
在这个链接demo底下,Attributes上面就有这么一条标注,很明显
如果 Select 的绑定值为对象类型,请务必指定 value-key 作为它的唯一性标识。

版权声明:本文为李维亮博主的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://www.liweiliang.com/894.html

标签: vue, elementUi

评论已关闭