el-tree自定義左側(cè)的圖標(biāo)，有很多方法
第一種：通過css類獲取到el-tree-node__expand-icon圖表類，然后通過設(shè)置類名，修改css樣式來改變圖標(biāo)。
第二種：通過js直接將el-tree-node__expand-icon元素移除，直接替換掉DOM。
以上兩種都是比較刻板的方法，第一種適用于element-ui。
第三種：element-plus的官方文檔有說明，通過配置icon來自定義圖標(biāo)，可以是string也可以是component，既然可以是component那說明可擴(kuò)展性就比較高了?？梢允褂胑l-icon里的圖標(biāo)組件，也可以使用自定義的component。如果el-icon不滿足要求的話就可以自己寫個(gè)component，在component中就可以用圖片或者div了，將component直接放在icon屬性中就可以成為完全自定義的圖標(biāo)了。
組件：文章來源：http://www.zghlxwxcb.cn/news/detail-628785.html
<template>
<img src="url" />
</template>
使用文章來源地址http://www.zghlxwxcb.cn/news/detail-628785.html
<template>
<el-tree :icon="Component"></el-tree>
</template>
<script>
import Component from 'url'
</script>
到了這里，關(guān)于el-tree自定義圖標(biāo)，使用圖片或者dom自定義圖標(biāo)，element-plus的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
