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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue2.0 在华为手机自带浏览器和UC浏览器打开白屏的问题相关的知识,希望对你有一定的参考价值。

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

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

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

<input id="noPwd" name="pwd" class="base-radio" type="radio" :value="false" v-model="formDatas.serverIsPwd" v-validate="‘required‘" />

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

以上是关于vue2.0 在华为手机自带浏览器和UC浏览器打开白屏的问题的主要内容,如果未能解决你的问题,请参考以下文章

为啥我的手机用UC浏览器打不开这个网页https://owaas.flextronics.com/exchange/用自带的浏览器却能打开

打开UC浏览器手机左上角就会出现类似放大镜的图标,如何去除呢

华为手机浏览器不支持PUT提交方式的解决方案

安卓自带浏览器下载图片失败,如何破? 我必须使用这个浏览器,原图浏览。到目前我这款手机自带浏览器已

如何打开手机uc浏览器Cookie选项

手机UC浏览器的弹出窗口window.opener失效