[ElemeFE/element]tree组件的icon问题

renderContent (h, { node, data, store }) {
      return (
        <span>
          <i class={data.meta.icon}></i>
          <span>
            <span>{node.label}</span>
          </span>
        </span>
      )
    }

我重新渲染了tree组件，新的icon图标也出来了，但是原来的那个箭头还存在，如何去除？

chinavane

renderContent 渲染的是箭头后面的内容。如果确实需要去除箭头，可以通过 CSS 将其隐藏。

Leopoldthecoder

我晕，这也行，可以在组件里直接加几个属性吗，showIcon，如果为字符串为显示指定图标，如果为ture/false则默认图标的显示与隐藏。

chinavane

请问你是怎么做的。是直接在meths里把它加进去吗，为什么我的全是全是错，能帮我一下码

Lancerdxx

@Lancerdxx 我出现了同样的问题，你解决了吗？

ddpmz

@Leopoldthecoder 这是jsx语法吧，在vue文件里也是报一堆错，和上面兄弟的截图一样，怎么破？谢谢着急~~

docikaci

报错见FAQ第三条

James-jun06

我也出现了同样的问题，求大神解答一下?上面说的FAQ第三条是在哪里呢？

chinafatboy

https://github.com/ElemeFE/element/blob/dev/FAQ.md

Leopoldthecoder

@Leopoldthecoder 非常感谢！

chinafatboy

renderTreeContent (h, { node, data }) {
      return h('span', [h('i', {
        'class': {
          'el-icon-star-off': true
        },
        style: {
          'paddingRight': '4px'
        }
      }), h('span', {
        'class': {
          'el-tree-node__label': true
        }
      }, data.name)])
    },

使用vue的render函数进行重写

zimplexing

[ElemeFE/element]tree组件的icon问题

回答