出现error Expected ‘<component>‘ elements to have ‘v-bind:is‘ attribute...报错,关闭eslint校验的方法

当前做一个Vue2项目遇到一个问题,就是这边的动态组件

此处动态组件——是指这种

不了解的可以参考Vue2官方文档对动态组件的解释:

动态组件 & 异步组件 — Vue.js

我这边是使用v-bind="linkProps(to)"的方法,下面methods中调用linkProps方法的时候,会返回:is的值,来实现动态组件

 出现error Expected ‘<component>‘ elements to have ‘v-bind:is‘ attribute...报错,关闭eslint校验的方法_第1张图片

出现error Expected ‘<component>‘ elements to have ‘v-bind:is‘ attribute...报错,关闭eslint校验的方法_第2张图片

但是,当前cmd中输入yarn start,回车——启动项目的时候,出现以下eslint报错 

出现error Expected ‘<component>‘ elements to have ‘v-bind:is‘ attribute...报错,关闭eslint校验的方法_第3张图片

解决方法:

 的上面一行添加以下内容:

出现error Expected ‘<component>‘ elements to have ‘v-bind:is‘ attribute...报错,关闭eslint校验的方法_第4张图片

实现效果:

刚刚的报错消失

出现error Expected ‘<component>‘ elements to have ‘v-bind:is‘ attribute...报错,关闭eslint校验的方法_第5张图片

你可能感兴趣的:(报错解决,前端,开发语言,vue.js)