小鹿鹿鹿 2020-10-02 19:50 采纳率: 100%
浏览 980
已采纳

el-card里显示部分带颜色的文字

想要在el-card里面显示一段文字,文字内容随机并且部分文字带有颜色,要显示的文字内容String:

图片说明

想要把图片里这些红框内的文字,正确显示对于的颜色

<el-card >
<div slot="header" class="clearfix">
  <el-row>
    。。。
  </el-row>
</div>
<div style="padding: 1px;">{{showHigh}}</div>
</el-card>

其中showHigh就是要显示文字的地方,请大神赐教需要怎么改呢?

--------------------经过查阅-------------------

最后解决了,采用了该作者的方法:
Vue 将后台传过来的 带html字段的字符串 转换为 HTML

显示效果

如下:

图片说明

  • 写回答

2条回答 默认 最新

  • 我爱吃西瓜喵 2020-10-12 14:05
    关注
    <el-card >
        <div slot="header" class="clearfix">
            <el-row>
            </el-row>
        </div>
        <div style="padding: 1px;" v-html="showHigh"></div>
    </el-card>
    

    用v-html就可以了!

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
  • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 信号傅里叶变换在matlab上遇到的小问题请求帮助
  • ¥15 保护模式-系统加载-段寄存器
  • ¥15 电脑桌面设定一个区域禁止鼠标操作