Missing required prop: “value” 报错的解决办法

一. 报错场景

在VUE中使用element-ui的el-select组件时出现该报错

[Vue warn]: Missing required prop: "value"

1

二. 报错原因

2.1.el-select中没有进行双向数据绑定（v-model）

2.2 el-option没有进行value赋值

三. 具体示例

3.1 报错示例一： el-select中没有进行双向数据绑定，且el-option没有进行value赋值

代码如下：

<el-form-item label="xxx">

<el-select>

<el-option label="请选择..."></el-option>

<el-option></el-option>

</el-select>

</el-form-item>

四. 解决办法

☆ el-select进行双向数据绑定，且每一项el-option进行value赋值

切记是每一项！！！

正确代码如下：

<el-form-item label="获取积分">

<el-select v-model="channel">

<el-option label="请选择..." value=""></el-option>

<el-option value="item.id" ></el-option>

</el-select>

</el-form-item>