功能很小,方便程度不小
用uni-app开发微信公众号,其中有个展示联系方式的元素。
就在想能不能通过点击电话元素,唤起微信或者手机自带的拨号界面,免去用户二次复制、输入电话的痛苦。
老规矩,先去看下文档(①)。
文档比较简陋,里面没写H5是否可用。
带着试错的心态,去尝试了一下。
竟然可以唤起微信的弹窗。
太好了。
不得不说,uni-app在文档更新方面缺失的还是有点多。
来个🌰
简单的来个例子。
首先是HTML部分,假设item.Phone是个电话,从后台取来的:
<text @click="callPhone(item.Phone)">{{ item.Phone }}</text>
也可以直接写:
<text @click="callPhone(123456789)">123456789</text>
js部分:
需要注意的是,这个里面的成功和失败回调,在H5平台不能确定是否为电话接通的回调。因此,在H5平台不要依赖这两个回调事件。
callPhone(phone) {
// 检查一下入参。
if (phone) {
uni.makePhoneCall({
phoneNumber: phone,
success: function() {
console.log('成功回调');
},
fail: function(err) {
console.error('失败回调:', err);
}
});
}
}
学会了吗?
①:拨打电话API文档
https://uniapp.dcloud.net.cn/api/system/phone.html#makephonecall