el-table的展开行props未定义

Question

<el-table :data="tableData5" style="width: 100%">

                                <el-table-column type="expand">
                                    <template slot-scope="props">
                                        <el-form label-position="left" inline class="demo-table-expand">
                                            <el-form-item label="商品名称">
                                                <span>{{ props.row.name }}</span>
                                            </el-form-item>
                                            <el-form-item label="所属店铺">
                                                <span>{{ props.row.shop }}</span>
                                            </el-form-item>
                                        </el-form>
                                    </template>
                                </el-table-column>
                                <el-table-column label="商品 ID" prop="id"></el-table-column>
                                <el-table-column label="商品名称" prop="name"></el-table-column>
                                <el-table-column label="描述" prop="desc"></el-table-column>
                            </el-table>
                             tableData5: [{
                id: '12987122',
                name: '好滋好味鸡蛋仔',
                category: '江浙小吃、小吃零食',
                desc: '荷兰优质淡奶，奶香浓而不腻',
                address: '上海市普陀区真北路',
                shop: '王小虎夫妻店',
                shopId: '10333'
            }]

Answer 1

这样写应该没问题的，这不是props的错，props只是一个名称，用aaa都可以的，可能是版本的问题，看看你的版本号，以前的版本我记得是用的scope="props"，没有前面的slot-