el-select не показывает выбранную метку, когда v-модель манипулирует в beforeMount ()

Question

el-select не отображает метку выбранной опции, но корректно обновляет v-model с помощью el-option :value. Вероятно, это связано с манипуляцией в beforeMount (), так как при ее удалении метка правильно отображает выбранную опцию.

Однако для моего варианта использования требуется несколько копий объектов, которые должны отображать заголовки из загруженных файлов в ожидаемые заголовки, где каждый файл может иметь одинаковый ожидаемый заголовок.

Вот скрипка с моей проблемой: https://jsfiddle.net/c8auL7fk/

Answer 1

Я отправил сообщение об ошибке здесь: https://github.com/ElemeFE/element/issues/13373, и автор получил ответ.

Vue не может отловить изменения динамически создаваемых свойств. Объекты должны быть написаны неизменным образом.

Подробнее об неизменяемых объектах js здесь: https://wecodetheweb.com/2016/02/12/immutable-javascript-using-es6-and-beyond/