如何在element ui中的Tree 树形控件里添加图片？

Question

如图所示，我需要在每一项的勾选框和文字的中间添加img图片，可自定义大小和左右间距，图片路径会同样返回在data数据中，请问该怎么做到呢？
参考文档地址：https://element.eleme.io/#/zh-CN/component/tree#fang-fa

在这里先谢谢各位解答的大哥大姐们，小弟感激不尽！！

Answer 1

第一种

参数	说明	类型
render-content	树节点的内容区的渲染 Function	Function(h, { node, data, store }

<template>
   <el-tree
      :data="data"
      :render-content="renderContent">
    </el-tree>
</template>
<script>
    export default {
        methods:{
            renderContent(h, { node, data, store }) {
              return (
                <span class="custom-tree-node">
                    <img src="test.jpg" />
                  <span>{node.label}</span>
                </span>);
            }
        }
    }
</script>

第二种

<el-tree :data="data">
    <span class="custom-tree-node" slot-scope="{ node, data }">
        <img src="test.jpg" />
        <span>{{ node.label }}</span>
      </span>
</el-tree>