ElementUI/ElementPlus
普通HTML页面使用ElementPlus(vue3)的Icon图标

先引入对应的JS(以前不知道要另外引入JS,以为已经在ElementPlus.js里了)

<script src="//unpkg.com/@element-plus/icons-vue"></script>
也可以将JS保存到本地站点里。


按官方文档,需要哪个就import哪个,或者使用自动import,但我在普通网站页面中使用,没得import,那如何引用呢?

Vue.createApp({
    data:function(){
        return {
    Search:ElementPlusIconsVue.Search,
        }
    }
}).use(ElementPlus).mount(target);
这里是使用放大镜图标,图标库的对象是ElementPlusIconsVue。然后HTML里就可以使用了,例如:
<el-button :icon="Search" />