uView2.0爬坑经历

564 阅读1分钟
  • u-parse 富文本渲染组件,图片展示时只是一条线

原因:组件中没有判断height:auto;的情况下直接进行计算导致 高度NaN;
解决:将height为auto的情况在计算中剔除,将u-parser修复后写成本地公共组件

  • u-read-more 富文本渲染加上内容展开收起之后,富文本被截取

文档中,“在解析u-parse组件内容时会比较耗时,导致u-read-more组件内部无法准确得知 内容的高度,而出现计算错误”; 借助u-parse的@ready方法,重新初始化组件的高度“

  • uView的组件@click.stop 不能阻止冒泡,比如常用的u-button,可用view在包裹一层并写上事件

  • u--form的校验规则rules,涉及到自定义的校验时,需要结合元素在已经显示的情况下的this.$refs.xxx.setRules(this.rules);才会有效,并且校验规则不能在中途发生改变,否则自定义校验无效;哪怕不同的情况写两条校验都可以

  • u-popup 是默认带有底部安全距离的,safeAreaInsetBottom,对于展示在中间的内容需要设置false

  • 真机的子组件中写弹窗,出现了弹窗被父组件穿透的情况

注释:使用uView2.0的版本是 2.0.36