반응형
v-html과 v-text의 차이점은 무엇입니까?
다음 코드를 사용하였습니다.v-text
:
<h1 v-text="content.title"></h1>
출력:
브랜드 이름은 B&입니다.c
그래서 그걸 고쳐서v-html
다음 행에 기재되어 있습니다.
<h1 v-html="content.title"></h1>
출력:
브랜드명은 B&C
질문은 다음과 같습니다.
이 기능은 왜v-html
가 아니라v-text
Vue 매뉴얼은 이미 읽었지만 그 차이를 잘 모르겠습니다.
v-text
노드의 textContent를 설정합니다. v-html
내부 설정요소의 HTML. &
는 HTML 엔티티입니다.HTML 엔티티를 해석 및 대체하려면 텍스트가 아닌 HTML로 해석해야 합니다.
v-html 지시문은 요소의 내부를 업데이트하는 데 사용됩니다.HTML과 데이터를 함께 제공합니다.이는 v-text가 문자열을 받아들여 문자열로 취급하는 동안 문자열을 받아들여 HTML로 렌더링한다는 의미인 v-text와 구분합니다.
언급URL : https://stackoverflow.com/questions/53320289/what-is-the-difference-between-v-html-and-v-text
반응형
'programing' 카테고리의 다른 글
합계 순서를 변경하면 다른 결과가 반환되는 이유는 무엇입니까? (0) | 2022.07.24 |
---|---|
VueJS 플러그인 충돌 (0) | 2022.07.24 |
vueJs의 inside data()와 inside created()의 오브젝트 선언의 차이점은 무엇입니까? (0) | 2022.07.24 |
VueJ가 경로 변경 시 햄버거 메뉴를 닫다 (0) | 2022.07.24 |
Console.log가 Vue js watchcher에서 두 번 호출됨 (0) | 2022.07.24 |