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