w***@sina.com
w***@sina.com
  • 发布:2025-03-12 16:53
  • 更新:2025-03-12 16:53
  • 阅读:10

uni-steps 组件左侧的线和点显示异常

分类:uni-app

描述:
uni-app 开发微信小程序,uni-steps 组件左侧的线和点显示异常。

解决办法:
在 uni-steps 组件上加一个判断,当列表不为空的时候才渲染组件,下面示例代码中 listArry 就是节点列表。

<uni-steps v-if="listArry.length > 0" ></uni-steps>

原因:
uni-steps 组件渲染时会获取右侧文本的高度,并且 +1 后作为左侧点线的高度,当节点列表为空,右侧没有文本信息,获取到的高度是 undefined,导致显示异常。

0 关注 分享

要回复文章请先登录注册