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

Question

问题描述：
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>

Answer 1

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

Answer 2

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