Fehler beim Auswerten von Ausdruck auf v-if

Question

Ich brauche einen Weg zu überprüfen, ob der Wert in Vue-Komponente. Hier ist mein Code:

var userContent = Vue.extend({ 
     template: ` 

     <div class="LayersMenuSectionContent" v-if="userContent.rasters_previews_list.data.length > 0"> 
      <!-- Display only if userContent.rasters_previews_list.data.length > 0 --> 

      <ul v-for="img in rasters_previews_list"> 
      {{img.id}} 
      <input type="checkbox" /> Layer 5 <br> 
      <ul>   
     </div> 

      `, 
     data: function() { 
      return { 
      rasters_previews_list: [{id:'aa'},{id:'aa'}] 
      } 

      }, 

      ready: function() 
      { 

      } 

}); 

Aber ich Fehler bekommen: Error when evaluating expression "userContent.rasters_previews_list.data.length > 0". Turn on debug mode to see stack trace.

Was mache ich falsch?

Answer 1

Was ist userContent? Sie haben das nicht in Ihren Daten.

Stattdessen prüfen rasters_previews_list direkt:

v-if="rasters_previews_list.length"