vue如何给html字符串添加指令
展开全部
<!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>
这是一个完整的例子。
这是一个完整的例子。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询