一、前言
实际项目(vue+element)场景是这样的:国际化的功能切换语言选用了element的select选择器组件,下拉框中是多语种的语言标志词。我想要在页面来回跳转后,打开下拉框,当前的语种标志词仍是高亮显示的,这样,在语种多的情况选择时有一个提示,会提升用户体验。
二、问题描述
假定你当前选择器默认选中“双皮奶”选项(代码见2、select组件源码),然后你通过点选,改变了选项为“黄金糕”后跳转页面,如果不改变这个value的话,再回到这个select组件页面,打开下拉框,你会发现高亮值又回到了“双皮奶”。
三、问题解析
Select组件源码
<template>
<el-select v-model="value" clearable placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
options: [{
value: '选项1',