1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42
| <template> <u-collapse @change="change" @close="close" @open="open" > <u-collapse-item title="第一个折叠面板" name="first" > <text class="u-collapse-content">第一条内容</text> </u-collapse-item> <u-collapse-item title="第二个折叠面板" name="second" > <text class="u-collapse-content">第二条内容</text> </u-collapse-item> <u-collapse-item title="第三个折叠面板" name="third" > <text class="u-collapse-content">第三条内容</text> </u-collapse-item> </u-collapse> </template>
<script> export default { methods: { open(e) { console.log('open', e) }, close(e) { console.log('close', e) }, change(e) { console.log('change', e) } } } </script>
|