问题前提:vue3项目,启用eslint
在vue引入一个子组件,在components中也注册了该组件,在template中也写了该组件,但eslint就是报错注册未使用组件。
举一个例子
import EditLogDetail from "@/views/LogDetail/EditLogDetail.vue";
在components中注册
components: {
EditLogDetail,
},
在html中使用
<edit-log-detail ref="editLog"></edit-log-detail>
利用ref调用子组件的方法,无论延迟几秒都调用不到。
未知原因,但可以解决这个问题
修改为下述方式即可解决
<EditLogDetail ref="editLog"></EditLogDetail>
简单来说就是保证标签和引入的components写的一致即可。
上网查都在说将eslint关闭,但是不关闭不知道还有没有其他的解决方案。有知道实际原因的小伙伴可以分享一下。