我是VueJS的新手。
嗨,尽管我的应用程序正在运行,但我的控制台中出现此错误,该错误阻止了jQuery。

v-for =“消息中的消息”在对象之间循环并尝试显示该对象。但收到此错误Vue警告]:无法解析指令:bin

<li v-for="message in messages" class="conversation-item">
<div class="" v-bind:class="message.direction" id="direction" title="other">
    <div class="conversation-avatar">
        <img class="rounded"
          width="36" height="36"
          src="assets/images/messenger-img.jpg"
          alt="">
        </div>
    <div v-if="message.contentType == 'file'" class="conversation-messages">
        <div class="conversation-message">
            <a class="file-link" :href="message.content" :title="message.fileName" :download="message.fileName">
                <div v-if="message.fileType == 'fileType'" class="message file-thumbnail" v-bind:style='{ backgroundImage: "url(" + message.content + ")", }'>
                </div>
                <div v-else class="message.file-thumbnail" v-bind:style='{ backgroundImage: "url(" + message | filterFile + ")", }'>
                </div>
                <div class="file-info">
                    <span class="file-name">@{{ message.fileName }}</span>
                </div>
            </a>
            </div>
        <div class="conversation-timestamp">@{{ message.sentAt }}
        </div>
    </div>
    <div v-else class="conversation-messages">
        <div class="conversation-message">
            <a target="_blank" class="other_chat"></a><span>
                @{{ message.content  }}
            </span></div>
        <div class="conversation-timestamp">@{{ message.sentAt }}
        </div>
    </div>
</div>
</li>

其实这是laravel Blade ,所以不用担心@ sign

javascript - [Vue警告] : Failed to resolve directive: bin-LMLPHP

最佳答案

添加v-bind指令后,我遇到了相同的错误。结果,我有一个错字,我不是 v-bind ,而是 v-bin

将来,如果收到“无法解析指令:X”消息,我将在源中查找字符串v-X。

09-16 16:49