自定义element-ui图标

1、自行上传svg，并命名好的svg，选择去除颜色并提交

2、搜索合适的图标，添加到购物车，点击购物车，添加到项目中

在main.js里把css引进来，全局引入

（一）自定义图标

在element-ui 官网中，提供了两种方法: render 和 slot 来添加自定义节点内容，可以在节点区添加按钮或图标等。

（二）实现单选节点功能

这里的单选功能，只不过设置节点时，将原来选中的节点再次覆盖，达到了单选的功能。

（1）通过 @node-click 事件（节点被点击时的回调），设置选中的节点：

（2）通过 @check-change 事件（节点选中状态发生变化时的回调），设置选中的节点：

（3）为何调用两个事件，做相同 *** 作：

@check-change 事件 主要是用户点击自定义图标前的选择框进行的 *** 作，而 @node-click 事件，点击节点（包括图标和文字）进行的 *** 作。

---