在Vue.js中 使用双大括号 1、不使用 结果我们输出的是: 2、这时我们使用 输出结果:我是span标签(已成功将文本转换为HTML元素进行输出) 3、用法: 在我们想要解析的节点加入{{ }}
会将数据解释为普通文本,而非HTML代码,为了输出真正的HTML,你需要使用 v-html
指令。v-html
指令:<div id="app"> <p>{{msg}}</p> </div>
var vm = new Vue({ el: "", data: { msg: "<span style='color:red'>我是span标签</span>" } });
<span style='color:red'>我是span标签</span>
v-html
指令后:<div id="app"> <p v-html="msg"></p> </div>
var vm = new Vue({ el: "", data: { msg: "<span style='color:red'>我是span标签</span>" } });
v-html
指令,然后将解析的值赋值给v-html
指令即可。
本网页所有视频内容由 imoviebox边看边下-网页视频下载, iurlBox网页地址收藏管理器 下载并得到。
ImovieBox网页视频下载器 下载地址: ImovieBox网页视频下载器-最新版本下载
本文章由: imapbox邮箱云存储,邮箱网盘,ImageBox 图片批量下载器,网页图片批量下载专家,网页图片批量下载器,获取到文章图片,imoviebox网页视频批量下载器,下载视频内容,为您提供.
阅读和此文章类似的: 全球云计算