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

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

回答:

CircleSwitch 标签报错的问题,已解决,会在 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
            }
          }
        ]
      },

clipboard.png
没有效果,还是出现了Warn,这是什么原因。

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

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

回答:

2.5.16并没有修复

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注