使用uniapp开发App,用v-if,v-show页面错位问题

问题描述

在用uniapp开发安卓、苹果app的时候,经常会出现一些莫名其妙的兼容性问题,比如自己在开发环境(h5)上好好的,结果去到真机上面,各种问题都出来了,比如表单错位,页面经过某些操作之后整个页面显示undefined。下面讲的页面表单错位问题

原因分析:

找了很多原因,最后发现是v-if的问题,把v-if换成v-show之后就可以了,如果换成v-show之后还是错位,那么就把需要v-show的元素外面套一层view,这样就可以了,坑爹啊。。如下图

使用uniapp开发App,用v-if,v-show页面错位问题_第1张图片

使用uniapp开发App,用v-if,v-show页面错位问题_第2张图片

你可能感兴趣的:(uni-app,前端,vue.js)