当 elementUi 选中一个值,其余选项全部高亮解决

转载:http://www.liweiliang.com/894.html

问题:

  • 下拉框选中一个值,其余选项全部高亮

  • 没有选之前当 elementUi 选中一个值,其余选项全部高亮解决_第1张图片

  • 选中一个选项之后
    当 elementUi 选中一个值,其余选项全部高亮解决_第2张图片

解决代码:

	<el-select placeholder="选择套餐" size='small' value-key="id" v-model="form.chooseMeal" @change="selectedMeal"  clearable>
	      <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 作为它的唯一性标识。

你可能感兴趣的:(Vue,vue)