El-select why concatenate data?

Question

Vue.js

Good day! I'm trying to add a simple element to a drop down list. And for some reason he does not display them normally. More precisely, it displays them, but they are hidden, and in the preview of the select they are combined.

// Вот данные
divisions: ['asdas', '234234', 'cvbcv'],

// Вот вызов
<el-form-item label="Divisions" prop="division">
                        <el-select v-model="this.divisions" class="w-100 no-hover-bg">
                            <el-option v-for="(dvs, key) in divisions" :key="key" :value="dvs" :label="dvs"/>
                        </el-select>
                    </el-form-item>

Here is how it is displayed:

At the same time, they are in the layout. But vue hides them.

I did not put some trifle, can someone tell me what's wrong?

Answer 1

<el-select v-model="this.divisions"

<el-option v-for="(dvs, key) in divisions"

That is, the same property is used both to create options and to control the value. Clever.
"Combines data" because the value of the select is a string, you specified an array as a value, the array cast to the string is its elements glued together, separated by commas.

It looks like the component el-optionis not registered.