鍍金池/ 問答/HTML5  Java  HTML/ el-table的展開行props未定義

el-table的展開行props未定義

<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: '荷蘭優(yōu)質(zhì)淡奶,奶香濃而不膩',
                address: '上海市普陀區(qū)真北路',
                shop: '王小虎夫妻店',
                shopId: '10333'
            }]
回答
編輯回答
心癌

這樣寫應(yīng)該沒問題的,這不是props的錯,props只是一個名稱,用aaa都可以的,可能是版本的問題,看看你的版本號,以前的版本我記得是用的scope="props",沒有前面的slot-

2017年5月17日 10:02