在网上查了各种教程,都不可行,最后偶然尝试发现,原来给父盒子设置overflow:scroll竟然就可以了。嗯,真是神奇。
<div class="body-head" :style="curHeight">
<test>
<transition-group tag="ul" class='slide-ul' name="list">
<template v-for="item, index in class_data">
<li class="body-head-item" :key="index">
{{item.name}}
</li>
</template>
</transition-group>
</test>
</div>
.body-head {
width: 25%;
background-color: pink;
overflow: scroll;
}