A problem with element ui: the prop property in the table component

<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: ""
            }
        ]

I want to concatenate strings before and after prop= "name"

Vue.js html element-ui javascript

Aug.12,2021

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

look at the documents more often, there are

on them.

Previous: Achieve IE8 vertical centering when the absolute element is highly uncertain?

Next: What is the use of enabling gzip in the front end of vue?