<el-table
:data="tableData"
style="width: 100%"
>
<el-table-column
prop="address"
label="标题"
sortable
width="180">
</el-table-column>
<el-table-column
prop="img"
label="封面"
sortable
width="180">
<!--插入图片链接的代码-->
<template slot-scope="scope">
<img :src="scope.row.image" alt="" style="width: 100px;height: 100px">
</template>
</el-table-column>
<el-table-column
prop="name"
label="发布人"
sortable
width="180">
</el-table-column>
<el-table-column
prop="date"
label="发布时间"
sortable
width="180">
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button
size="mini"
type="success"
@click.native.prevent="myedit(scope.$index,banner)">编辑</el-button>
<el-button
size="mini"
type="success"
@click.native.prevent="mydel(scope.$index,banner)">删除</el-button>
</template>
</el-table-column>
</el-table>
tableData: [{
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄',
img: 'https://www.xmb98.com/img/index_img/twos.png'
},
{
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄',
img: 'https://www.xmb98.com/img/index_img/twos.png'
},
{
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄',
img: 'https://www.xmb98.com/img/index_img/twos.png'
},
{
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄',
img: 'https://www.xmb98.com/img/index_img/twos.png'
}]