Vue JS 1.0.26フロントエンドのシンボルを逆にする

Question

BootstrapGuruでSocialite Social Network Laravel Scriptを使用しています。あなたはデモhereを見て、何が起きているかを理解することができます。誰とでもチャットウィンドウを開いて、いくつかのテキストと一部の記号を入力するようにしてください：あなたは今のテキストが表示されます（たとえば、「？どのようにしていることは」）「？あなたはどのように」です：

へ私はまだサポートの答えを待っているが、私は私の最後からそれを解決しようとしている解決する。

私は私のウェブサイトのVueのパネルでこれを参照してください。

そしてこれは、フロントエンド側にあります方法です。

<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;}