element-ui树状table子节点和父节点区别开展示不同操作按钮

需求：在父节点（一级）展示【下载】按钮，子节点【二级】展示【查看】按钮

 

  <el-table
                    :data="tableData"
                    style="width: 100%"
                    border
                    lazy
                    row-key="id"
                    :fit-columns="['name', 'lh_version']"
                    default-expand-all
　　　　　　　　　　　　// child:  这是后台获取的数据中的子节点的名称！
                    :tree-props="{children: 'child', hasChildren: 'hasChildren'}"
                    @selection-change="changeCheckBoxValue"
                    max-height="550">
                <el-table-column
                        type="selection"
                        width="55">
                </el-table-column>
                <el-table-column
                        v-for="(option, index) in options"
                        :label="option.label"
                        :prop="option.name"
                        :key="index"
                        :width="option.width"
                        :align="option.align"
                ></el-table-column>
                <el-table-column
                        fixed="right"
                        align="center"
                        label="操作"
                        width="360">
                    <template slot-scope="scope">
                        <div  v-if="!scope.row.resource_id">
                            <el-button
                                    type="primary" plain
                                    icon="el-icon-download"
                                    @click.native.prevent="downloadRow(scope.$index, tableData)"
                                    type="text"
                                    size="small">
                                下载
                            </el-button>
                            <el-button
                                    v-if="!scope.row.resource_id"
                                    type="success" plain
                                    icon="el-icon-printer"
                                    @click.native.prevent="preview(scope.row)"
                                    type="text"
                                    size="small">
                                预览
                            </el-button>
                        </div>
                        <div v-else>
                            <el-button
                                    type="success" plain
                                    icon="el-icon-printer"
                                    @click.native.prevent="drawView(scope.row.props)"
                                    type="text"
                                    size="small">
                                查看Json-props
                            </el-button>
                            <el-button
                                    type="success" plain
                                    icon="el-icon-printer"
　　　　　　　　　　　　　　　　　　　　　　// scope.row:当前行,不能使用下标去取需要的值，当使用树状表格时，父节点和子节点下标连接起来了，用下标取值是不对的，只能用当前行

                                    @click.native.prevent="drawView(scope.row.components)"  
                                    type="text"
                                    size="small">
                                查看Json-components
                            </el-button>
                        </div>
                    </template>
                </el-table-column>
            </el-table>