<template>
<div>
<button @click="toggle">Toggle</button>
<div v-if="isExpanded">
<p>这里是可折叠的信息内容。</p>
<!-- 更多的信息内容 -->
</div>
</div>
</template>
<script>
export default {
data() {
return {
isExpanded: false, // 默认折叠状态
};
},
methods: {
toggle() {
this.isExpanded = !this.isExpanded; // 切换折叠状态
},
},
};
</script>
vue折叠信息
最新推荐文章于 2024-09-15 00:30:13 发布