Vue el-select 组件：如何同时显示 value 和 label？

\u003ctemplate\u003e\n \u003cdiv\u003e\n \u003cel-select v-model="selectedValue" placeholder="请选择"\u003e\n \u003cel-option v-for="option in options" :key="option.value" :value="option.value" :label="option.value + ' - ' + option.label"\u003e\n \u003cspan\u003e{{ option.value }}\u003c/span\u003e\n \u003cspan class="option-label"\u003e{{ option.label }}\u003c/span\u003e\n \u003c/el-option\u003e\n \u003c/el-select\u003e\n \u003c/div\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\n export default {\n data() {\n return {\n selectedValue: '',\n options: [\n { value: 'option1', label: '选项1' },\n { value: 'option2', label: '选项2' },\n { value: 'option3', label: '选项3' }\n ]\n };\n }\n};\n\u003c/script\u003e\n\n\u003cstyle\u003e\n.option-label {\n color: gray;\n margin-left: 10px;\n}\n\u003c/style\u003e\n\n在上面的代码中，我们使用了 el-option 组件，并在其内部定义了两个 span 标签，分别用于显示 value 和 label。在 el-option 的 label 属性中，我们使用了插值表达式来将 value 和 label 拼接在一起。\n\n请注意，我们还定义了一个带有样式的 .option-label 类来设置 label 的样式。你可以根据需要自定义样式。\n\n这样，当你选择一个选项时，el-select 会同时显示 value 和 label。