【小程序】小程序中如何判断文本是否溢出？

• Z时代
• 2024-01-10
• 分类：技术分享

问题描述：
div里面的每个内容都是for循环出来的，后端传的值，当内容很多的时候，显示更多；当内容很少的时候，就不显示更多按钮了。 怎么样可以让更多动态显示？

代码：
外层还有一层循环，此处用了嵌套循环

<view class="col-item">
适用范围：
<view class="limit" wx:if="{{item.itemBriefs}}">
<view class="brief-item" wx:for=
"{{item.itemBriefs}}" wx:key="id" wx:for-item="brief">
{{brief.name}}
</view>
<view>更多</view>
</view>
<view wx:elif="{{item.categoryBriefs}}">
<view class="brief-item" wx:for="{{item.categoryBriefs}}" wx:key="id" wx:for-item="brief">
{{brief.name}}
</view>
</view>
<view wx:else>全场通用</view>
</view>

回答

给你个思路，父级固定高度并且overflow:hidden;子级不固定高度且自动换行；子级高度>父级高度，那就有--更多

用传过来的值的长度判断是否显示更多按钮 length

以上是 【小程序】小程序中如何判断文本是否溢出？ 的全部内容， 来源链接： utcz.com/a/79668.html