为了账号安全,请及时绑定邮箱和手机立即绑定

weex踩坑笔记

标签:
JavaScript

1、weex App版本不能直接使用vue组件的标签形式,例如:

<TabBar ></TabBar >

只能使用:<component :is="currentView2" :barItems="barItems">
这种方式。

2、weex中屏幕高度不能直接使用weex.config.env.deviceHeight而要取:
750 / weex.config.env.deviceWidth * weex.config.env.deviceHeight
因为weex默认的屏幕宽度为750,并且所有情况都使用默认750.

3、weex在web平台上的this.$refs.xxx找到的是一个vue实例,如果要找元素需要this.$refs.xxx.$el才行。

4、weex input中清除value之后直接调用focus不行,必须在setTimeout中调用才能达到想要的效果。

5、weex中想要实现input宽度为容器的百分比,只能在input元素上加上width,如下:
input width="100%" ref="input"如果在style中设置width在app中无效。

6、weex中想要app和web页面都同时获取到value,可以在change或者input事件中使用v-model或者event.value。 inputText(event) {
this.showX = !!event.value;
}

7、bug:weex app中不能清除input内容。

8、weex app中切换清除borderWidth的时候不能设置为none,必须设置

9、weex浏览器触发touchend事件有异常,一般要两次才能成功触发一次,所以防重复限制锁最好在touchstart上加,不要加在touchend上。

10、weex的touch事件在不同平台下表现不一致:想要获取水平偏差,如下:

getXOffset(event) {
    return PLATFORM === 'Web' ? event.touches[0].clientX : event.changedTouches[0].screenX;
},
点击查看更多内容
2人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
9109
获赞与收藏
2572

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消