Vue3 Div 与 v-for 的配合应用，超出自动带滚动条-526互联

效果图

代码

<li  >
    <a href="javascript:;" class="IndRea flexC Huans"><i></i><p>当前会议 [ 0 ]</p></a>
    <div style="height:80%;overflow:auto;">
    
       <div  v-for="(dataItem, index) in globalData.confMemberData"  :key="index" class="dataFontStyle"  >
                 {{dataItem.userExten}} {{dataItem.userName}}  {{dataItem.callStatus}} 
       </div>
 
   </div>
</li>

其中 globalData.confMemberData 为全局json变量。 详见：https://www.cnblogs.com/hailexuexi/p/17649247.html

overflow:auto;  滚动条自动显示

CSS 部分

.dataFontStyle {
    font-family: 'Microsoft YaHei'; 
    color: #FFD700; 
    font-size: 14px; 
    line-height: 24px; 
    font-weight: normal; 
}