.Error scene
Using the el-select tag of element-ui in vue reports an error
[Vue warn]: Missing required prop: "value"
.The cause of the problem
1. The el-select tag does not use the v-model binding value
<-- 没有绑定v-model -->
<el-select class="status" @change="handleFilter">
<el-option v-for="i in [1, 2, 3]" :key="i" :label="i" :value="i"></el-option>
</el-select>
2. el-option does not perform value assignment
<-- el-option没有进行value赋值 -->
<el-select v-model="query.status" class="status" @change="handleFilter">
<el-option v-for="i in [1, 2, 3]" :key="i" :label="i"></el-option>
</el-select>
3. None of the above are bound
.Solve the problem
Just add v-model to el-select tag and value to el-option
<el-select v-model="query.status" class="status" @change="handleFilter">
<el-option v-for="i in [1, 2, 3]" :key="i" :label="i" :value="i"></el-option>
</el-select>