vue2.0 在华为手机自带浏览器和UC浏览器打开白屏的问题

使用 vue-cli 搭建的项目,PC上火狐和谷歌浏览器打开正常,使用浏览器开发者工具模拟移动端浏览也正常,OPPO 坚果 真机浏览也正常,但老的华为手机和荣耀手机打开是白屏。

在网上查询一段时间后,使用 babel-polyfill 对ES6语法转成ES5语法,打包后上线问题依旧

最后使用排除法定位到问题,问题代码如下


1 <input 
2 id="noPwd" 
3 name="pwd" 
4 class="base-radio" 
5 type="radio" 
6 :value="false" 
7 v-model="formDatas.serverIsPwd" 
8 v-validate="'required'" />

 

在华为手机和低版本荣耀手机上, input 标签如果有 v-model 属性的情况下,还有 :value 属性,就会出现白屏,如果 input 要使用默认值, 不要动态绑定数据,直接使用 value 属性

posted @ 2017-12-18 18:25  夣回  阅读(6816)  评论(1)    收藏  举报