在v-if上计算表达式时出错

Question

我需要一种方法来检查Vue组件中的值。下面是我的代码：

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()
          { 

          }

});

但是我得到了一个错误：Error when evaluating expression "userContent.rasters_previews_list.data.length > 0". Turn on debug mode to see stack trace.

我做错了什么？

Answer 1

什么是userContent？你的数据中没有这一点。

相反，直接检查rasters_previews_list：

v-if="rasters_previews_list.length"