Splice characters in {{}}

stay { {}} Middle concatenated character

The back end returns such data

[ { "addressId": 35, "city": " The Beijing municipal ", "createTime": null, "district": " Xicheng district ", "houseNumber": "a District 1 Number 12 layer 230", "officeName": " The first hospital of Peking University - Basement Parking ", "province": " The Beijing municipal ", "recordStatus": 0, "userCode": "", "workAddress": " Aimin 1st lane, Xicheng District, Beijing 2 Number ( Beihai North subway station A Walk to the northwest entrance 440 rice )", "workLatitude": 39.932312, "workLongitude": 116.380994 }, { "addressId": 36, "city": " The Beijing municipal ", "createTime": null, "district": " Xicheng district ", "houseNumber": "a District 1 Number 12 layer 230", "officeName": " The first hospital of Peking University - Basement Parking ", "province": " The Beijing municipal ", "recordStatus": 0, "userCode": "", "workAddress": " Aimin 1st lane, Xicheng District, Beijing 2 Number ( Beihai North subway station A Walk to the northwest entrance 440 rice )", "workLatitude": 39.932312, "workLongitude": 116.380994 } ]

Use elementui Of el-table When rendering data ,prop Only one attribute can be displayed , I want to pick it up once city and district Two properties are displayed , Slots can be used at this time clot-scope Get this line of data , Then splice the two attributes

    <el-table
      :data="addressInfo"
      style="width: 100%">
      <el-table-column
        prop="officeName"
        label=" Address ">
      </el-table-column>
      <el-table-column
        label=" Area ">
      <template slot-scope="scope">
			 {
   { scope.row.city+"·"+scope.row.district}}
      </template>
	 </el-table-column>
    </el-table>