vue white-space 는 요소 의 줄 바 꿈 요 소 를 정확하게 처리 합 니 다.

865 단어 webvue
  • 장면
  • 분석
  • 참고 문서
  • 해결


  • 장면
  • vue textarea 는 데 이 터 를 채 웠 으 나 필요 한 효 과 를 보이 지 않 고 줄 바 꿈 문자 가 효력 을 잃 었 습 니 다
  • 분석 하 다.
  • textarea&&데이터베이스 에 저 장 된 데 이 터 를 검 사 했 습 니 다.줄 바 꿈 문자 가 있 기 때문에 문 제 는 보 여 주 는 곳
  • 입 니 다.
  • vue 를 사용 하기 때문에 데 이 터 를 분석 할 때vue {{}} laravel {!! !!}를 사용 하기 때문에 분석 을 완성 할 수 없습니다
  • 참고 문서
  • https://developer.mozilla.org/zh-CN/docs/Web/CSS/white-space

  • 해결 하 다.
  • white-space:pre-line 요소 내 데이터 연속 여러 공백 이 하나의&분석 줄 바 꿈 문자
  • 로 합 쳐 집 니 다.
    <p style="white-space: pre-line">{{ message.body }}p>

    좋은 웹페이지 즐겨찾기