如何输出基本的HTML，v-html指令

时间：2018-12-29 18:38:42 阅读：215 评论：0 收藏：0 [点我收藏+]

vue默认会转义html代码，即变量中存储的html代码，默认vue不会将其渲染成html元素，而是输出为纯文本。
看代码：
技术分享图片

我们想要在1处输出“新浪”的链接，点击“新浪”就能够跳转到新浪网站，但是实际输出的结果是: 技术分享图片

输出的是html代码，而不是解析后的结果。原因在于{{变量a}}，vue只是去将变量a在vue的data中存储的数据拿过来填上而已，没有去做解析这一步的操作。想要vue去解析变量a中的html代码，需要这么写：
技术分享图片

利用v-html指令完成解析html字符串的操作。结果为：
技术分享图片

v-html：告诉vue去渲染html代码，而不是去转义它。

原文地址：http://blog.51cto.com/13577938/2336975

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行