快应用开发过程中遇到的问题及解决方法

本文作者分享了在快应用开发中遇到的组件问题、JS问题、兼容问题及其他细节问题,并给出了相应的解决方法,包括list组件渲染混乱、span组件数据不显示、input组件报错等问题的处理。还提及了华为、小米和vivo手机的兼容性挑战以及prompt接口和toast的使用注意事项。
摘要由CSDN通过智能技术生成

本期作者:郭苗苗

1

组件问题

list组件

  • list组件中出现数据渲染混乱,组件的显示与隐藏混乱的问题

  1. 先看是否在list-item中使用了for循环和if判断来控制组件的显示与隐藏;

  2. 将 if 修改为 show;

  3. for循环里如果有导致dom结构不一样的地方,可以将整个list-item细分为小范围的list-item,dom结构改变的list-item,可以用show控制;

  • list组件中点击事件,第一次可以正常点击,第二次点击不起作用的情况

  1. 可能是list-item中又再次嵌套了list组件;

  2. 需要将嵌套的list组件改成div形式的;

  • 报 xxx cannot be cast to xxx at …list 的错误, 是不规则使用list组件导致的,根据如下的注意事项修改就可以 。

解释:Native 会复用相同type属性的list-item,所以有type属性但是dom结构会变得list-item就会出现渲染问题,但是设置相同type属性的list-item是优化列表滚动性能的关键,所以只有划分成更细的list-item会是比较好的解决方法;

list组件使用注意事项总结

  • list-item内不能再嵌套list;

  • list-item的type属性为必填属性;

  • list-item内部最好不使用if指令或for指令,因为相同type属性的list-item的 DOM 结构必须完全相同,而使用if指令或for指令会造成 DOM 结构差异;

span组件

  • 有数据但是没展示出来

  1. 应该是直接在div组件中写了span组件导致的;

  2. 可以将span组件换成text组件,或者在span组件外层再加一层text组件;

input组件

  • 报错如下: java.lang.IndexOutOfBoundsException: index=2 count=1

640?wx_fmt=png

  1. 如果两个input要在一个div下,那么他们不能有非input的兄弟元素,必须都是input,否则会报错;

  2. 如果一定要有别的兄弟元素,可以将每个input外

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值