引入iView前端框架的时候报错了

一引入iView前端框架,浏览器就报了两个错。
错误一: Do not use built-in or reserved HTML elements as component id: Circle
错误二:Do not use built-in or reserved HTML elements as component id: Switch
这是和vue内部定义的ID冲突重名了?这个问题该怎么解决?主要是对浏览器的报错有点强迫症。

阅读 6.4k
评论
    9 个回答
    • 1.3k

    刚好也遇到了这个问题,新版本确实依然存在问题,而且按照官方文档提示的安装了iview-loader也没法解决,且报错了根本无法正常显示组件。时隔大半年了发现也没有有效的回答,自己找到了一个解决方法——全局注册组件:

    import Vue from 'vue
    import { Switch } from 'iview'
    Vue.component('i-switch', Switch)

    在入口文件中注册全局组件时把组件名称改写成i-switch,页面里使用的时候也是i-switch,就不会再报错了,组件也正常显示。

      相似问题
      推荐文章