Jmnote bot (토론 | 기여) 잔글 (봇: 자동으로 텍스트 교체 (-== 참고 자료 == +==참고==)) |
Jmnote bot (토론 | 기여) 잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight )) |
||
| (다른 사용자 한 명의 중간 판 하나는 보이지 않습니다) | |||
| 4번째 줄: | 4번째 줄: | ||
* XSS 방지를 위해 사용자가 등록한 데이터(예: 댓글)에는 적용하지 말라고 함 | * XSS 방지를 위해 사용자가 등록한 데이터(예: 댓글)에는 적용하지 말라고 함 | ||
< | <syntaxhighlight lang='html'> | ||
<div id="app"> | <div id="app"> | ||
<p v-html="message"></p> | <p v-html="message"></p> | ||
| 18번째 줄: | 18번째 줄: | ||
}) | }) | ||
</script> | </script> | ||
</ | </syntaxhighlight> | ||
<jsfiddle height='200'>3a74ff1e</jsfiddle> | <jsfiddle height='200'>3a74ff1e</jsfiddle> | ||
==같이 보기== | ==같이 보기== | ||
* [[Vue.js v-model]] | * [[Vue.js v-model]] | ||
* [[Vue.js v-pre]] | |||
==참고== | ==참고== | ||
2020년 11월 2일 (월) 02:54 기준 최신판
1 개요[ | ]
- Vue.js v-html
- HTML이 포함된 데이터를 이스케이프시키지 않고 HTML 그대로 출력할 수 있는 방법
- XSS 방지를 위해 사용자가 등록한 데이터(예: 댓글)에는 적용하지 말라고 함
<div id="app">
<p v-html="message"></p>
</div>
<script src="//unpkg.com/vue"></script>
<script>
new Vue({
el: '#app',
data: {
message: '<h1>Hello, Vue!</h1>'
}
})
</script>
2 같이 보기[ | ]
3 참고[ | ]
로그인하시면 댓글을 쓸 수 있습니다.
{{ comment.name }}
{{ comment.created | snstime }}
-
{{comment.page_title}} ―{{comment.name}}