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"
}
]
}
]