ios端a标签携带内容发送短信内容出现在发送人电话号码区域

ios手机调用a标签携带短信内容发送出现下图情况

<a :href="'sms:' + query.mobile(手机号) + '?body=' + templateContent(短信内容)">发送手机短信</a>

解决方案 

将 ?body= 里面的 ? 改成 & 即可，我这里是使用变量 mark 来进行操作的

<template>
    <a :href="'sms:' + query.mobile(手机号) + mark + 'body=' + templateContent(短信内容)">发送手机短信</a>
</template>

<script>
    data() {
        return {
            mark: '?'
        }
    }
    created() {
        var u = navigator.userAgent
        // ios终端
        var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) 
        // 判断为ios端,改mark值为&
        if (isIOS) {
            this.mark = '&'
        }
    },

</script>

 小彩蛋: 手机号拨打电话 

<a :href="'tel:' + query.mobile(手机号)">拨打电话</a>