vue開發項目的坑-[Vue warn]: Do not use built-in or reserved HTML elements as component id: MenuItem


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

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

 

 

對於這種警告,因為MenuItem和Menu在HTML5里面是個DOM對象,所以不能使用,

其實報錯也不要緊,自定義的組件換個名字,不要和HTML5里的語義化標簽元素重名就行了;

如像iview框架里的這些已命名的組件(例如:MenuItem,Menu),導入時必須寫上他的名稱,否則組件無法正常導入(如:import { MenuItem , Submenu , Menu} from "iview";)。

具體什么原因我也不知道,反正就是這么寫了以后控制台警告消失了。其實這個警告不管也沒什么必要。組件依然會渲染到頁面上的。

在使用時,可以使用這種方式來解決:

在components里傳入組建的時候以鍵值對的形式傳入,鍵名為你規定的名稱,值為導入的組件名稱。使用的時候還是使用導入的組件模塊名而不是components里的鍵名。

以這種方式使用組件:

這個辦法只適用於iview框架里的MenuItem,Input,Menu等組件的使用,其他的不一定實用。

https://segmentfault.com/q/1010000009079169/a-1020000009079301

可以參考這篇文章看看。

希望看過這篇文章的各位大牛和同仁們有什么好的建議留言給我。

謝謝!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM