如何利用Vue.js库中的v-html指令添加html元素
2 回答
茅侃侃
TA贡献1842条经验 获得超21个赞
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | <!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> |
添加回答
举报
0/150
提交
取消