鍍金池/ 問答/Linux  HTML/ vue2.0使用iView時(shí)組件名沖突一般怎么解決?

vue2.0使用iView時(shí)組件名沖突一般怎么解決?

在一個(gè)vue項(xiàng)目中使用了iView UI框架,但是在引入之后,報(bào)

[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

這種組件名沖突一般怎么解決?

回答
編輯回答
小曖昧

2.5.16并沒有修復(fù)

2017年5月29日 15:27
編輯回答
慢半拍

CircleSwitch 標(biāo)簽報(bào)錯(cuò)的問題,已解決,會在 iView 下個(gè)版本更新。

2017年11月24日 19:23
編輯回答
清夢

你需要加入iview-loader參考
如下:

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

示例, webpack.base.conf.js

2018年4月5日 21:58
編輯回答
夢若殤

另外給一個(gè)名稱?

components: {
    XCircle: Circle,
    XSwitch: Switch
}
2018年3月22日 16:58
編輯回答
不討囍

嗯嗯,看到了,按照官網(wǎng)的解決方法

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

clipboard.png
沒有效果,還是出現(xiàn)了Warn,這是什么原因。

關(guān)于使用 iView 控制臺警告的說明
如果您使用的是 Vue.js 2.5.10 版本,會在控制臺彈出一系列標(biāo)簽錯(cuò)誤的警告,但這只會在開發(fā)環(huán)境提示,而且不影響 iView 的使用。
下個(gè) Vue.js 版本已經(jīng)修復(fù)這個(gè)問題。
您也可以降級 Vue.js 到 2.5.9 版本。

上面是官網(wǎng)的說明,我現(xiàn)在用的Vue2.5.11,沒有修復(fù)這個(gè)問題,同時(shí),在使用iview-loader后沒有解決該問題

2017年6月12日 09:46