最終效果圖
json數(shù)據(jù)
<div>
<el-table
:data="projectList"
border
:show-header="false"
>
<el-table-column width="100px">
<template slot-scope="scope">
<div>{{scope.row.ItemTypeName}}</div>
</template>
</el-table-column>
<el-table-column width="400px">
<template slot-scope="scope">
<!--第一種方法-->
<!--<div v-for="(item,index) in scope.row.ViewItemLists">-->
<!--<div>{{item.item_name}}</div>-->
<!--<div>-->
<!--<el-button>原價(jià)10</el-button>-->
<!--<el-button>折扣價(jià)0</el-button>-->
<!--</div>-->
<!--</div>-->
<!--第二種方法-->
<tr v-for="item in scope.row.ViewItemLists" style="width: 100%">
<!--<template slot-scope="scope">-->
<td width="70%">{{item.item_name}}</td>
<td width="15%">原價(jià)10</td>
<td width="15%">原價(jià)10</td>
<!--<div style="border: #8c939d solid 1px">{{item.item_name}}</div>-->
<!--<div style="border: #8c939d solid 1px">-->
<!--<el-button>原價(jià)10</el-button>-->
<!--<el-button>折扣價(jià)0</el-button>-->
<!--</div>-->
<!--</template>-->
</tr>
</template>
</el-table-column>
</el-table>
</div>
