Tengo un menú desplegable en una aplicación Vue que utiliza ElementUI que necesito cerrar explícitamente después de aplicar alguna lógica.

Esencialmente el flujo es:

1. La página se carga, el usuario hace clic en un nombre del menú desplegable: el valor del nombre se escribe en la base de datos
2. El usuario vuelve a cargar la página, hace clic en un nombre diferente, aparece una ventana emergente que le pregunta si desea guardar el nuevo nombre

En este punto, si el usuario confirma su elección, el nuevo nombre se escribe en la base de datos, pero el menú desplegable permanece abierto. Necesito agregar algo de lógica para llamar después de que el usuario confirme su elección en el paso 2 para garantizar que el menú desplegable no permanezca abierto.

 <div class="part"> <span class="for-label"> Employee: </span> <el-select v-model="dataValue.assignedUser" filterable :disabled="notClick" @change="handle"> <el-option v-for="(user, userIndex) in assignedOption" :key="userIndex" :label="user.userName" :value="user.userEmail" /> </el-select> </div>

Si es relevante, este error solo comenzó a ocurrir después de agregar el atributo "filtrable" a el-select.