Component UIのテーブル内でHTMLを有効化したい

Componentテーブル内に表示するデータをHTMLを表示したいと考えてはまった時のメモ。
データそのものは有効化できなかったが、以下の方法で目的が達成できた。

変更前

name_telデータ内でHTMLデータを記載すると、そのままエスケープされて出てきてしまう。

// 氏名と電話をまとめて取得
<el-table-column
 prop="name_tel"
 label="氏名"
 width="200px">
</el-table-column>

変更後

<template>で表示内容を分岐させて、装飾させて解決。

// 氏名と電話を分けて取得し、分けて表示
<el-table-column
 prop="name_tel"
 label="氏名">
  <template slot-scope="scope">
   <div>{{ scope.row.name}}</div>
   <div v-if="scope.row.tel"><i class="fas fa-phone-square"></i>{{ scope.row.tel }}</div>
  </template>
</el-table-column>