3

我有带照片的 el-select 选项,在选项中我可以获取照片变量,但在默认值中我无法通过照片获取默认值。

你能帮助我吗?

预期:默认值为 McDonald(照片 + 标签)

这是我的代码:

<el-select v-model="value" placeholder="Select">
   <el-option v-for="item in outlet" :key="item.value" :label="item.label" :value="item.value">
     <img :src="item.photo"> {{ item.label }}
   </el-option>
</el-select>

这是我的小提琴:

https://jsfiddle.net/dede402/L4y8zw1e/10/

4

1 回答 1

7

所选值模板和选项模板不同。el-select允许您为所选模板定义前缀插槽,请查看:https ://jsfiddle.net/budgw/L4y8zw1e/36/

请注意,我更改您el-select是为了直接使用对象作为选定值。在这种情况下,您必须指定value-keyon el-select

于 2018-06-05T08:13:27.790 回答