href打电话在ios上基本没啥问题,在安卓手机上有的可以有的不行,可以使用iframe的方式兼容安卓 亲测好用
<a v-if="$store.state.android==true" href="javascript:void(0);" style="display: inline-block;text-decoration: none;color:#fff;position: relative;">
<iframe id="xx" src="about:blank" style="position: absolute;top:100000000px;"></iframe>
<i class="iconfont icon-dianhua1"></i>
<a :href="'tel:'+baseInfo.mobile" *onclick*="document.getElementById('xx').src=this.href; return false;" style="display: inline-block;text-decoration: none;color:#fff;">{{baseInfo.mobile}}</a></a>
其余的小注意事项记录
1.
**Uncaught NotFoundError: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node**
上面这个错误是因为v-if和jq的混乱使用导致的。
在利用fullpage.js写移动端的页面时,一定要注意将元素remove和display:none的区别。
2.
百度地图不支持https该怎么办?如果你引入的是2.0以下的版本,以1.5为例
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=XXXX"></script>
一般在http协议下是没有什么问题的,但是在只支持https的服务协议下,控制台就会报错
was loaded over HTTPS, but requested an insecure script 'http://api.map.baidu.com/getmodules?v=2.0&mod=map,oppc,tile,scommon,local'. This request has been blocked; the content must be served over HTTPS. (anonymous) @ getscript?v=2.0&ak=你申请的AK
这样地图就没法加载出来,怎么样简单有效解决这种问题呢?其实,很简单
只需要将你引入的百度地图api的地址http改为https并且在你的秘钥后面拼接上s=1即可,就想下面这样
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=你的AK&s=1"></script>
问题就轻松解决了!
3.
关于math.round无法保留小数问题的解决办法
Math.round((res.data.data.counts*0.0001)*100)*0.01;