vue如何给html字符串添加指令

 我来答
司马刀剑
高粉答主

2018-07-05 · 每个回答都超有意思的
知道顶级答主
回答量:4.6万
采纳率:93%
帮助的人:7473万
展开全部
<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>HTML5学堂</title> <link rel="stylesheet" type="text/css" href="reset-1.0.0.css" /></head><body><div class="wrap" id="app"> <button @click.prevent="addNodesFn">点击我呀</button> <div v-html="rawHtml"></div></div><script src="vue.min.js" type="text/javascript"></script><script type="text/javascript"> var vm = new Vue({ el: '#app', data: { rawHtml: '\ <div>\ <h2>HTML5学堂</h2>\ <p>码匠</p>\ </div>\ ' }, methods: { addNodesFn: function() { this.rawHtml += this.rawHtml; } } });</script></body></html>

这是一个完整的例子。
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式