zoukankan      html  css  js  c++  java
  • van-collapse用在van-popup里面默认第一次显示面板内容是关闭状态无法更改

    问题描述

    技术:vantweapp的ui组件库,小程序开发工具

    场景:实现点击按钮弹出popup抽屉,在抽屉里有collapse伸缩面板,默认第一个伸缩item为展开状态,显示第一个伸缩item里的数据

    问题:第一次显示时,虽然第一个是展开状态,但由于高度是0,就看不到里面的数据,点击收起再点击展开后才能看到数据。

    正确情况:

    错误情况

     

     问题原因:

    浏览了有赞github上的issue,发现有一个和我相同情况的,原因如下

    发现除了popup下collapse的初始化加载有问题外,tab也有类似问题,根本原因在于popup里的组件初始化时会获取当前页面作为style的参数,但是在内部无法获取到导致参数为0等等。

    从下图的页面元素中可以看出,数据是有的,但是style样式中给view的height设置了0,导致看不到数据。给height设置为auto能看到数据。

    解决方案:

    用wx:if无法解决这个问题,至少大部分情况下第一次加载时无法显示数据

    最后只能根据问题原因从collapse的源码入手

     把height参数在控制台上输出发现值是0。

    最终把源码加了一句 假如为0就转换为auto,这样才算大功告成了。

  • 相关阅读:
    python numpy 介绍
    python+图像分割seg
    C++ 添加库
    input标签的disabled和readonly的区别
    linux中mysql忘记密码解决办法
    memcached服务安装与卸载
    app与服务端通信时如何进行消息校验
    缓存同步问题
    数据中添加对字段的说明
    服务器报警
  • 原文地址:https://www.cnblogs.com/clsl/p/13433594.html
Copyright © 2011-2022 走看看