有很多時候,我們不需要編譯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都不能識別的問題。頁面會出現空白。