Добрый день, господа. Есть диалог <el-dialog v-draggable

:close-on-click-modal="false" title="Edit category" :visible.sync="editCategoryVisible">
<div style="text-align: center">
<el-input v-model="editingCategory.name"></el-input>
</div>
<div>
<el-select v-model="editingCategory.kind">
<el-option v-for="key in Object.keys(categoryFilters)" :key="key" :label="kindToDirectory(key)" :value="key"></el-option>
</el-select>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="onEditCategory()">Save</el-button>
</span>
</el-dialog>

, вызываемый методом

editCategoryFunction (e, category, kind) {
this.editCategoryVisible = true
category.kind = kind
this.editingCategory = category
}

объект category подаваемый на вход содержит поля:
id: (...)
kind: "YN"
level: 0
name: "1234"

строка
category.kind = kind
порождает интересный эффект: kind верно начинает отображаться как выбор в select-е, в select-e всегда выбран именно заданный изначально kind, визуально другой выбрать невозможно, визуально данные обновляются только при закрытии диалога, однако при сохранении в объект кладется правильное значение, выбранное в select-e.

Проще говоря, данные уходят верно, но select перестает динамически рендериться при выборе вариантов.

Кто нибудь сталкивался с подобным? Как сделать так чтобы и заданное значение тянулось как дефолтное в select-e и при этом нормально можно было выбрать остальные варианты?

Помогите плиз разобраться

editingCategory в дате объявлен?