ZERO-UI

主题

基本使用 ​

标题1
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima, sed?
标题2
vue

<template>
  <zeroCollapse v-model="value">
    <zeroCollapseItem title="标题1" name="a">
      <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima, sed?</div>
    </zeroCollapseItem>
    <zeroCollapseItem title="标题2" name="b">
      <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima, sed?</div>
    </zeroCollapseItem>
  </zeroCollapse>
</template>
<script setup>
  import {ref} from 'vue';

  const value = ref(['a']);
</script>

Collapse属性 ​

属性名说明可选值默认值类型
v-model / modelValue双向绑定的值-[]String / Array
accordion是否手风琴模式-falseBoolean

Collapse事件 ​

事件名说明
change切换当前活动面板，在手风琴模式下其类型是string，在其他模式下是array

Collapse-item属性 ​

属性名说明可选值默认值类型
name打开关闭的标志-[]String / Array
title面板标题-''String
disabled是否禁用-falseBoolean