Element UI 在非template/render 模式下使用ICON要注意的問題

有很多時候,我們不需要編譯Vue和Element UI,只是想簡單的試用一下,做一個原型出來。我們會使用HTML方式編寫,這種方式下,使用ICON需要注意一些問題。

1.例如CopyDocument圖標,如果是用html tag方式調用,根據vue的組件規範,駝峯格式需要改寫成小寫橫線分割的格式<copy-document></copy-document>

2.如果是使用<el-button :icon="CopyDocument">Button</el-button>方式調用,那麼需要改成<el-button icon="CopyDocument">Button</el-button>的方式調用。去掉冒號。

3.有些簡單的圖標,因爲vue在非template/render模式下,和原生HtmlElement Tag有衝突,所以需要寫爲完整的Tag,例如<Plus />要寫成<Plus></Plus>,否則會出現此標籤後續Vue都不能識別的問題。頁面會出現空白。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章