在开发过程中,突然发现页面console中有报错,报错信息如下
[Vue warn]: Missing required prop: "value"
found in
---> <ElSelect> at packages/select/src/select.vue
<ElFormItem> at packages/form/src/form-item.vue
<ElForm> at packages/form/src/form.vue
<EleToolbar> at node_modules/ele-admin/packages/ele-toolbar/src/main.vue
<EleProTable> at node_modules/ele-admin/packages/ele-pro-table/src/main.vue
<ElCol>
<ElRow>
<ElCard> at packages/card/src/main.vue
<SystemRole> at src/views/common/authority/user.vue
<EleEmptyLayout> at node_modules/ele-admin/packages/ele-empty-layout/src/main.vue... (1 recursive calls)
<EleProLayout> at node_modules/ele-admin/packages/ele-pro-layout/src/main.vue
<EleLayout> at src/layout/index.vue
<App> at src/App.vue
<Root>
然后在页面中,把相关的都注释了一遍,左后发现了问题所在
<el-select class="w_80">
<el-option label="启用" :value="1"/>
<el-option label="禁用" :value="0"/>
<el-option label="请选择" :value="-1"/>
</el-select>
修改之后,增加了v-model="where.deleted",就可以了,报错解决
<el-select v-model="where.deleted" class="w_80">
<el-option label="启用" :value="1"/>
<el-option label="禁用" :value="0"/>
<el-option label="请选择" :value="-1"/>
</el-select>