如何利用Vue.js庫中的v-html指令添加html元素
2 回答
蝴蝶不菲
TA貢獻1810條經驗 獲得超4個贊
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
提交
取消