반응형
vue 템플릿에서 구분되지 않는 공간이 일반 공간으로 렌더링됩니다.
사용했을 때 Vue 템플릿에서는 브라우저에서는 일반 공간으로 렌더링됩니다.
<template>
<p>
sample text in sample text
<strong>lorem ipsum</strong>
</p>
</template>
브라우저의 최종 렌더는 다음과 같습니다.
샘플 텍스트 lorem ipsum의 샘플 텍스트
템플릿에 구분되지 않는 공간을 어떻게 쓰느냐가 질문입니다.
<p>
sample text in{{'\xa0'}}sample text
<strong>lorem ipsum</strong>
<p>
HTML 엔티티가 아닌 JavaScript 이스케이프 코드를 사용합니다.
언급URL : https://stackoverflow.com/questions/62168681/non-breaking-spaces-are-rendered-as-regular-space-in-vue-template
반응형
'programing' 카테고리의 다른 글
| 이 프로그램은 어떻게 작동합니까? (0) | 2022.08.10 |
|---|---|
| Symfony 3.3에서 프런트 엔드 스택을 처리하는 방법 (0) | 2022.08.10 |
| 왜 C 컴파일러는 같은 변수에 대한 두 개의 포인터가 불법/UB일 것이라고 가정하고 const pointer의 값을 변경하는 것을 최적화할 수 없는가? (0) | 2022.08.10 |
| 비동기 함수의 디바운스 사용방법 (0) | 2022.08.10 |
| Vuex를 사용할 때 잘못된 점은 무엇입니까?가게? (0) | 2022.08.10 |