[Vue.js] v-html
웹/Vue.js2018. 11. 8. 19:45
v-html
간단한 설명
vue에 있는 html를 가져옵니다.
아래 결과를 보면 span, b 태그가 들어온 것을 볼 수 있습니다.
코드
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>v-html</title> <script src="https://cdn.jsdelivr.net/npm/vue"></script> </head> <body> <div id='app'> <!-- v-html : 뷰에 있는 html를 가져옵니다. --> <div v-html="htmlText"></div> </div> <script> var app = new Vue({ el: '#app', data: { htmlText : '<span>이것이 <b>v-html</b> 입니다</span>', } }) </script> </body> </html> | cs |
결과
'웹 > Vue.js' 카테고리의 다른 글
| [Vue.js] v-if / v-else-if / v-else (0) | 2018.11.08 |
|---|---|
| [Vue.js] v-model (0) | 2018.11.08 |
| [Vue.js] v-bind (0) | 2018.11.08 |
| [Vue.js] 텍스트 보간법 (0) | 2018.11.08 |
| [Vue.js] Vue.js (0) | 2018.11.08 |
댓글()
