位置:首页 > web前端 > vue

[Vue warn]: Injection "FormInstance" not found found 错误的解决方案

dearweb 发布:2023-03-30 08:12:45阅读:

这个警告通常是因为您在组件中使用了依赖注入(Injection)的方式,但是注入的依赖项(FormInstance)在当前组件中没有被找到。

解决这个问题的方法可能是检查您的代码,确保您正确地注入了依赖项,并且这个依赖项在当前组件的父级组件或根组件中被正确地提供了。

如果您仍然无法解决这个问题,请提供更多的上下文和代码,这样我就可以更好地帮助您解决这个问题。

错误代码展示:

<Layout>
    <i-Header data-actionpanel :style="{height:ActionHeight+'px'}">
        <i-Col :xxl="16" :xl="16" :lg="16" :md="16">
            <Form-item :label-width="10"> 这句代码是<i-form></i-form>标签才有的属性
                <i-button type="info" @click="query"><@s.message code ="ACTION.QUERY"/></i-button>
                <i-button type="info" @click="importKshc">导入考生号</i-button>
                <i-button type="info" @click="uploadXszpButton">导入考生照片</i-button>
            </Form-item>
        </i-Col>
    </i-Header>
</Layout>

更正后的代码:

<Layout>
    <i-Header data-actionpanel :style="{height:ActionHeight+'px'}">
        <i-Col :xxl="16" :xl="16" :lg="16" :md="16">
            <i-button type="info" @click="query"><@s.message code ="ACTION.QUERY"/></i-button>
            <i-button type="info" @click="importKshc">导入考生号</i-button>
            <i-button type="info" @click="uploadXszpButton">导入考生照片</i-button>
        </i-Col>
    </i-Header>
</Layout>

因为form-item 的注入导致了错误的产生,删除即可,也可以在外层添加form,可根据你的实际开发场景来修改。

24人点赞 返回栏目 提问 分享一波

小礼物走一波,支持作者

还没有人赞赏,支持一波吧

留言(问题紧急可添加微信 xxl18963067593) 评论仅代表网友个人 留言列表

暂无留言,快来抢沙发吧!

本刊热文
网友在读
手机扫码查看 手机扫码查看