Collapse
设置默认展开
预览
代码
<b-collapse :selected.sync="selectedTab">
<b-collapse-item title="标题1" name="1">内容1</b-collapse-item>
<b-collapse-item title="标题2" name="2">内容2</b-collapse-item>
<b-collapse-item title="标题3" name="3">内容3</b-collapse-item>
</b-collapse>
data() {
return {
selectedTab: ["1", "2", "3"]
};
}
设置仅限单个展开
预览
代码
<b-collapse :selected.sync="selectedTab" single>
<b-collapse-item title="标题1" name="1">内容1</b-collapse-item>
<b-collapse-item title="标题2" name="2">内容2</b-collapse-item>
<b-collapse-item title="标题3" name="3">内容3</b-collapse-item>
</b-collapse>
data() {
return {
selectedTab: ["1"]
};
}