element table内容根据不同数据添加不同颜色

<el-table-column prop="is_online" label="状态">
    <template slot-scope="scope">
           <span :class="scope.row.is_online == '0' ? 'off-line' : scope.row.is_online == '1' ? 'on-line' : ''">{{scope.row.is_online == '0' ? '离线' : scope.row.is_online == '1' ? '在线' : '--'}}</span>
     </template>
</el-table-column>