FILEEM

POWER OF DREAM

在uniapp富文本中实现拨打电话

首先,不能用uview封装的Parse 富文本解析器,缺少需要的事件监听,
请使用原版mp-html:https://jin-yufeng.gitee.io/mp-html/#/overview/quickstart
原理是使用mp-html的@linktap事件监听,关闭链接直接跳转,判断被点击链接其中如果是纯数字就视为电话号码(当然也可以正则判断得精细一点),在事件监听中调用uni.makePhoneCall:

<template>
    <view>
        <mp-html :content="content" @linktap="callPhone" copy-link="false" />
    </view>
</template>

<script>
    export default {
        data() {
            return {
                content: `
                    <p>若有疑问,请致电:<a href="114">114</a></p>
                `
            }
        },
        methods: {
            callPhone(e) {
                if(/^\d+$/.test(e.href)){
                    uni.makePhoneCall({
                        phoneNumber: e.href
                    });
                }
            }
        }
    }
</script>
<style>

</style>

《在uniapp富文本中实现拨打电话》

点赞