h5拨打电话写法IOS无效

h5拨打电话window.location.href写法IOS无效写成html vue写法<div class="call" @click="call"><img src="../../../../assets/images/iphon.png"><span :class="{iscallone:iscallone}">拨打守护热线</spa...

柠檬不喝柠檬茶

6317人浏览 · 2019-05-22 20:23:49

柠檬不喝柠檬茶 · 2019-05-22 20:23:49 发布

h5拨打电话 window.location.href 写法IOS无效写成

html vue写法
<div class="call" @click="call"><img src="../../../../assets/images/iphon.png"><span :class="{iscallone:iscallone}">拨打守护热线</span><span 		:class="{iscalltwo:iscalltwo}">立即拨打热线</span></div>
   js
   call(){
            window.location.href = 'tel://400-920-5245';
        },
	window.location.href = 'tel://400-920-5245';IOS无效，安卓有效
	改成	
	html
	 <div class="call" @click="call"><img src="../../../../assets/images/iphon.png"><span :class="{iscallone:iscallone}">拨打守护热线</span><span :class="{iscalltwo:iscalltwo}">立即拨打热线</span></div>
    <a href="" v-show="false" ref="tels"></a>
    多加一个a标签拉起打电话
    js
     call(){
            // window.location.href = 'tel://400-920-5245';
            this.$refs.tels.href = `tel://400-920-5245`
            this.$refs.tels.click()
        },
        成功拉起打电话

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^