当前位置: 首页 > news >正文

【uniapp/uview1.x】u-collapse 高度随内容自适应

u-collapse-items 中的内容为动态的时候,会发生这种情况:
请添加图片描述
在 uview 官网中有一个方法可以解决:
在这里插入图片描述
具体方法:

  1. u-collapse 标签中配置 ref="collapse"
<u-collapse ref="collapse" :item-style="itemStyle" event-type="close" :arrow="true" :accordion="false" @change="change">
  1. 我这里是点击上传之后内容变成动态的,高度随之发生变化,所以我在点击上传的函数中写上了:
 this.$nextTick(() => {this.$refs.collapse.init();})

在 vue 组件完成数据更新和 DOM 渲染之后使用了 init() 方法,可以看到已经解决了:
请添加图片描述


http://www.mrgr.cn/news/12577.html

相关文章:

  • 【开发心得】筑梦上海:项目风云录(1)
  • ARM程序的组成和执行过程
  • Kafka简单搭建及常用命令
  • 【数据结构与算法】深入理解归并排序(Merge Sort)
  • 一个简单的springboot项目(有源码)
  • Threadlocal+拦截器+JWT实现登录
  • 【Docker项目实战】使用Docker部署webtop桌面版Linux环境
  • 华为手机数据丢失如何恢复?
  • golang本地缓存fastcache高性能实现原理
  • sqlite3 在Python中使用
  • 筑牢技术防线:服务器故障后的应急响应与未来防范策略
  • 2024年8月22日嵌入式学习
  • Linux——文件系统层次结构,绝对路径
  • 视频提取字幕的软件有哪些?5款高识别率工具任你选
  • SpringBoot文档之构建包的阅读笔记
  • spring security怎么解决用户的权限问题
  • SAP 有趣的‘bug‘ 选择屏幕输入框没了
  • 小白之 FastGPT Windows 本地化部署
  • Linux内核定时器
  • 5G SSB(Synchronization Signal/PBCH, 同步广播块