关于element ui 的一个问题 table 组件里面prop属性

Question

<el-table :data="tableData1" style="width: 100%">
    <el-table-column prop="date" label="日期" width="180"></el-table-column>
    <el-table-column prop="name" label="姓名" width="180"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
</el-table>

tableData1: [
            {
                date: "2018/09/22 22:12",
                name: "李云龙A",
                address: "已完成（可能会稍有延迟）"
            },
            {
                date: "2018/09/22 22:12",
                name: "李云龙B",
                address: "已完成（可能会稍有延迟）"
            },
            {
                date: "2018/09/22 22:12",
                name: "李云龙C",
                address: "已完成（可能会稍有延迟）"
            }
        ]

我想在prop="name" 前后拼接字符串怎么搞

Answer 1

<el-table-column label="姓名" width="180">
  <template slot-scope="scope">
    {{'a' + scope.row.name + 'b'}}
  </template>
</el-table-column>

多看文档 上面都有