vue.runtime.esm.js?2b0e:619 [Vue warn]: Missing required prop: "value"

1,347 阅读1分钟

在开发过程中,突然发现页面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>