Vue: 구분되지 않는 공백은 다른 문자와 다르게 작동합니다. 소품을 통해 전달 될 때 템플릿에 ""을 출력합니다.

새로운 예를 추가했습니다. html 엔터티 목록 (다른 공백 및 0 너비 문자 포함)에서   디코딩되지 않습니다.

• https://jsfiddle.net/50wL7mdz/765399/

또한 나는 mathiasbynens / he 에서   대한 두 항목이 시미 콜론 이없는 것과

• https://github.com/mathiasbynens/he/blob/master/data/entities.json#L1470

어둠 속에서 촬영할 수도 있지만 위의 결과에 영향을 미칠 수 있습니까?

  와의 불일치를 찾기 위해 mathiasbynens / he v1.1.1을 사용해

  가 다르게 반응하는지 확인하기 위해 이전 jsfiddles를 복제 해 보았습니다.

• https://jsfiddle.net/ebpcx1do/3/

누구든지이 오류를 찾을 수있는 위치에 대한 지침을 제공 할 수 있다면 기꺼이 시도해 드리겠습니다.

나는 또한 문제에 대한 답변을 대단히 감사하겠습니다.

나에게 버그처럼 보입니다. 수정이 좋을 것입니다.

가끔 × 에서 문제를 발견했습니다. 구성 요소 소품의 기본값이 × 이고 구성 요소 (v-html)에서 렌더링됩니다. 렌더링 할 때 실제 x 문자가 표시되고 SSR 수화 보석금이

다른 예 : https://jsfiddle.net/onbzk0m6/ (character)

예-Vue가 일반적으로 html 속성을 구문 분석하는 방식과 관련이있는 것 같습니다.

@approached 예제를 기반으로 비슷한 예제를 만들었습니다.
https://jsfiddle.net/onbzk0m6/3/

해결 방법으로   - \xa0 에 대한 JS 이스케이프 코드를 넣으십시오.

여기 에서 발견, nonbreakinspacification 기능에서 나를 위해 일했습니다.

    public static noBreakingSpaces(str: string): string {
        return str.replace(' ', '\xa0');
    }

이 함수에 의해 반환 된 문자열은 공백 대신 &nbsp 으로 렌더링됩니다.

동일한 문제를 발견했습니다. html 엔티티는 소프트 하이픈 대신 템플릿에서 사용할 때 텍스트로 ""가됩니다. ""및 기타에 대해서도 동일합니다.
Vue 2.6.10

이에 대한 해결 방법을 찾고있는 사람들을 위해 :
줄 바꿈하지 않는 공백이있는 문자열을 소품으로 전달할 때 공백을 문자열의 일부가 아닌 문자로 바꿨습니다. 제 경우에는 'zzz'
var newName = program_name.replace(/\s/g,'zzz');

그런 다음이 소품을 표시하거나 사용해야하는 실제 구성 요소에 위의 작업을 취소하고 자리 표시 자 문자를 다시 공백으로 바꾸는 계산 된 함수가 있습니다.

correctedProgramName(){ //this reverses the space-replacing we had to do in reporting-dashboard.js
        let correctedProgramName = this.program_name.replace(/zzz/g, ' ')
        return correctedProgramName
      }

@posva 불편을 끼쳐 드려 죄송합니다.이 문제에 대한 해결책을 찾았습니다.

수정 후 Vue의 동작은 아래 스크린 샷과 같이 HTML과 동일합니다.

이 문제를 확인하고 Pull Request를 할 수 있습니까?

물론 이죠 @JuniorTour

이 문제는 https://github.com/vuejs/vue/issues/10485 및 https://github.com/vuejs/vue/issues/11059 와 관련이있을 수 있습니다.
따라서 기존 PR도 살펴볼 가치가 있습니다.