начальная метка с el-select не применяется

Question

У меня есть следующий код, использующий el-select из инфраструктуры пользовательского интерфейса Element для Vue:

<el-select v-model="selectTagPicker" @change="handleTagChange(selectTagPicker)">
     <el-option v-for="(tag, tagIndex) in allTags" :key="tag.id" :value="tagIndex" :label="tag.name">
          {{ tag.name }}
     </el-option>
</el-select>

Проблема здесь в том, что при первой загрузке метка не применяется, а вместо этого показывает значение (которое в моем случае является просто массивом)index), и пользователь всегда приветствуется с «0» вместо имени тега (так как я всегда загружаю первый элемент в массив, и мне также нужно показать это).

Каждый последующий выбор параметра извыпадающий список выполняется правильно как для значений, так и для меток.

Как я могу убедиться, что применялась правильная метка (которая должна быть именем тега), также при первой загрузке?

Answer 1

Проблема была с типом значения.Это был номер, и для дальнейших расчетов использовалась строка.

Если вам нужна строка: :value="String(tagIndex)" или наоборот.