Twitter bootstrap 如何使用v-if指令实现b-collapse?

Twitter bootstrap 如何使用v-if指令实现b-collapse?,twitter-bootstrap,vuejs2,Twitter Bootstrap,Vuejs2,我的手机视图中有一个侧边栏。我必须有条件地呈现b-collapse。条件是:如果在我的子类别对象数组中有选项对象数组,则应呈现b-collapse。我的b-collapse位于b-list-group-item中,由v-for 我尝试通过以下方式访问选项: v-if=“类别[0]。子类别[0]。选项“ 模板: <b-list-group :key="option1.id" v-for="option1 in category"> <b-list-group-it

我的手机视图中有一个侧边栏。我必须有条件地呈现
b-collapse
。条件是:如果在我的
子类别
对象数组中有
选项
对象数组,则应呈现
b-collapse
。我的
b-collapse
位于
b-list-group-item
中,由
v-for

我尝试通过以下方式访问选项:
v-if=“类别[0]。子类别[0]。选项“

模板:

<b-list-group :key="option1.id" v-for="option1 in category">
        <b-list-group-item ><span>{{ option1.title }}</span></b-list-group-item>
        <b-list-group-item v-b-toggle.collapse-1 @click.stop="toShow" class="subCategory" role="button" 
          :key="option2.id" v-for="option2 in option1.subCategory">
          <!-- Подкатегории -->
          <a>{{ option2.title }}</a>
          <b-collapse id="collapse-1" v-if="category[0].subCategory[0].options">
            <b-list-group class="d-md-none d-lg-none d-sm-block" :key="option1.id" >
              <ul class="list-group" :key="option2.id" v-for="option2 in option1.subCategory">
                <router-link class="list-group-item" to="formProperty" :key="option3.id" v-for="option3 in option2.options">
                  <!-- Опций -->
                  {{ option3.title }}
                </router-link>         
              </ul>
      </b-list-group>
    </b-collapse>      
  </b-list-group-item>
</b-list-group>

使用
v-if=“option2.options”
而不是
v-if=“category[0]。子类别[0]。选项“

到底是什么问题?当前行为与您想要的行为有何不同?
category : [
          {
            "title" : "ФИЗ.ЛИЦАМ",
            subCategory: [
              {
                "title"  : "НАЛОГИ",
                "options": [
                  { "title" : 'НАЛОГ НА ИМУЩЕСТВО' },
                  { "title" : 'НАЛОГ НА ИМУЩЕСТВО(ПЕНИ)' },
                  { "title" : 'ЗЕМЕЛЬНЫЙ НАЛОГ' },
                  { "title" : 'ЗЕМЕЛЬНЫЙ НАЛОГ(ПЕНИ)' },
                  { "title" : 'СОЦИАЛЬНЫЙ НАЛОГ' },
                  { "title" : 'СОЦИАЛЬНЫЙ НАЛОГ(ПЕНИ)' },
                  { "title" : 'ИПН НЕОБЛАГАЕМЫЙ' },
                  { "title" : 'ИПН НЕОБЛАГАЕМЫЙ(ПЕНИ)' },
                  { "title" : 'ИПН ОБЛАГАЕМЫЙ' },
                  { "title" : 'ИПН ОБЛАГАЕМЫЙ(ПЕНИ)' }
                ]
              },
              {
                "title": "ШТРАФЫ",
                "id": 19,
                "url": "/form/19"
              },
              {
                "title" : "СОЦИАЛЬНЫЕ ОТЧИСЛЕНИЯ",
                "id" : 18,
                "url" : "/form/203"
              }
            ]
          }
        ]