【Vue】vue2.0使用iView时组件名冲突一般怎么解决？

在一个vue项目中使用了iView UI框架，但是在引入之后，报

[Vue warn]: Do not use built-in or reserved HTML elements as component id: Circle
[Vue warn]: Do not use built-in or reserved HTML elements as component id: Switch

这种组件名冲突一般怎么解决？

回答

Circle 和 Switch 标签报错的问题，已解决，会在 iView 下个版本更新。

另外给一个名称？

components: {
    XCircle: Circle,
    XSwitch: Switch
}

你需要加入iview-loader参考
如下：

{
    test: /\.vue$/,
    use: [
        {
            loader: 'vue-loader',
            options: vueLoaderConfig
        },
        {
            loader: 'iview-loader',
            options: {
              prefix: false
            }
        }
      ]
}

示例, webpack.base.conf.js

嗯嗯，看到了，按照官网的解决方法

rules: [
      {
        test: /\.vue$/,
        use: [
          {
            loader: 'vue-loader',
            options: vueLoaderConfig
          },
          {
            loader: 'iview-loader',
            options: {
              prefix: false
            }
          }
        ]
      },

【Vue】vue2.0使用iView时组件名冲突一般怎么解决？
没有效果，还是出现了Warn，这是什么原因。

关于使用 iView 控制台警告的说明
如果您使用的是 Vue.js 2.5.10 版本，会在控制台弹出一系列标签错误的警告，但这只会在开发环境提示，而且不影响 iView 的使用。
下个 Vue.js 版本已经修复这个问题。
您也可以降级 Vue.js 到 2.5.9 版本。

上面是官网的说明，我现在用的Vue2.5.11，没有修复这个问题，同时，在使用iview-loader后没有解决该问题

2.5.16并没有修复

以上是 【Vue】vue2.0使用iView时组件名冲突一般怎么解决？ 的全部内容， 来源链接： utcz.com/a/82804.html

回到顶部