2017-07-03 97 views
2

我是VueJS的新手。 嗨,雖然我的應用程序正在工作,我得到這個錯誤在我的控制檯阻止jQuery。Vue warn]:無法解析指令:bin

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刀片,所以不要操心@符號

screeshot of console

+3

從錯誤消息中,我假設你在你的代碼中的某處添加了一個錯字,而你已經添加了「v-bin」指令而不是「v-bind」。 – thanksd

+0

在您的代碼中搜索v-bin並共享您發現的內容。 – Charith

回答

0

我加入後有同樣的錯誤v-bind指令。 HT的問題下的意見,果然,我有一個錯字,而不是v-bind我有v-bin

未來,如果我收到「無法解析指令:X」消息,我會在我的源代碼中查找字符串v-X