weex踩坑笔记
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;
},
共同学习,写下你的评论
评论加载中...
作者其他优质文章