Vue JS 1.0.26 프런트 엔드에서 기호 반전

Question

BootstrapGuru가 Socialite Social Network Laravel Script을 사용 중입니다. 데모 here을보고 무슨 일이 벌어지고 있는지를 이해할 수 있습니다. 누구와도 채팅 창을 열고 일부 텍스트 및 일부 기호 입력하십시오 (: "당신을 얼마나"예를 들어) 당신은 텍스트를 이제 볼 수? "어떻게 당신에게있다"

으로 내가 여전히 지원 답변을 기다리고 있지만, 그것을 끝까지 해결하려고 노력하고 있음을 해결하십시오.

나는 내 웹 사이트의 뷰에서이를 참조 :

그리고 그것은 전단 측에 얼마나이다.

<ul class="list-unstyled chat-conversation-list"> 
    <li class="message-conversation" v-bind:class="[({{ Auth::id() }}==message.user.id) ? 'current-user' : '', ]" v-for="message in chatBox.conversationMessages.data"> <!-- Messages --> 
     <div class="media"> 
      <div class="media-left"> 
       <a href="#"> 
        <img v-bind:src="message.user.avatar" alt="images"> 
       </a> 
      </div> 
      <div class="media-body "> 
       <p class="post-text" v-html="message.body"></p> 
      </div> 
     </div> 
    </li> 
</ul> 

는 또한 메시지를 얻기 위해 같은 방법을 사용하려고했습니다

<div class="media-body "> 
    <p class="post-text"> 
     @{{ message.body }} 
    </p> 
</div> 

을하지만 동일합니다. 언급해야 할 중요한 것은 메시지가 "수신자"창에 잘 표시되어 있다는 것입니다.

그래서 기호를 표시 할 수있는 단서는 어디 있습니까?

Answer 1

당신은 어떤 CSS로 그것을 무시할 수 있습니다 : 내가 언급 한 바와 같이

.media-body .post-text{direciton: ltr;}