element-ui tree 如何分别设置展开，折叠图标

Question

将treeData中设置icon,通过renderContent进行渲染，图标成功更换，但是展开和折叠需设置不一样的图标，要怎么设置？

Answer 1

<span
    @click.stop="handleExpandIconClick"
    :class="[
      { 'is-leaf': node.isLeaf, expanded: !node.isLeaf && expanded },
      'el-tree-node__expand-icon',
      tree.iconClass ? tree.iconClass : 'el-icon-caret-right'
    ]"
>

源码里逻辑是这样的，iconClass设置展开图标，折叠是图标旋转90度。

renderContent是用来设置树里面内容的。

Answer 2

可以通过修改图标的content来解决