HTML 部分:
<span @click='calltel()'> 拨号或添加到通讯录 </span>
JavaScipt 部分:
(vue中 ,👇这段将写在 methods 里边)
calltel() {var phone = 12311112222 // 手机号 (号码为动态用接口数据替换即可)var fix_phone = 0888-1122334 // 固话 (号码为动态用接口数据替换即可)if (phone && fix_phone && phone != fix_phone) {// *** 有固话号和手机号且不相等 ***wx.showActionSheet({itemList: [phone, fix_phone],success(res) {if (res.tapIndex === 0) {wx.makePhoneCall({phoneNumber: phone, success: function() {// console.log('拨打手机号' + phone)},fail: function() {// console.log("拨打手机号失败")}})} else if (res.tapIndex === 1) {wx.makePhoneCall({ phoneNumber: fix_phone, success: function() {// console.log('拨打固话' + fix_phone)},fail: function() {// console.log("拨打固话失败")}})}},fail(res) {// console.log("拨号失败")}})} else if (!phone && !fix_phone) {// *** 无固话号 无手机号 ***wx.showModal({content: "暂无联系电话",confirmColor: 'lime',showCancel: false, // 取消按钮不被显示success(res) {if (res.confirm) {return false}}})} else if (phone === fix_phone) {// *** 有固话号和手机号且相等 ***wx.showModal({content: "是否拨打" + fix_phone + "?",confirmColor: 'lime',success(res) {if (res.cancel) {// 取消return false} else if (res.confirm) {wx.makePhoneCall({phoneNumber: fix_phone, success: function() {// console.log('拨打' + fix_phone)},fail: function() {// console.log("拨打失败")}})}}})} else if (!phone) {// *** 无固话号拨打手机号 ***wx.showModal({content: "是否拨打" + fix_phone + "?",confirmColor: 'lime',success(res) {if (res.cancel) {// 取消return false} else if (res.confirm) {wx.makePhoneCall({ phoneNumber: fix_phone, success: function() {// console.log('拨打成功')},fail: function() {// console.log("拨打失败")}})}}})} else if (!fix_phone) {// *** 无固话号拨打手机号 ***wx.showModal({content: "是否拨打" + fix_phone + "?",confirmColor: 'lime',success(res) {if (res.cancel) {// 取消return false} else if (res.confirm) {wx.makePhoneCall({ phoneNumber: phone,success: function() {// console.log('拨打成功')},fail: function() {// console.log("拨打失败")}})}}})} },
效果 ···> 有 固话 且 和 手机号 不相同图片演示:
效果 ···> 两个 号码 相同 图片演示:
可根据需求自加判断条件,也可以选择此段代码直接服用。(收藏 关注哟 ♥)
如果觉得《微信小程序调用拨打电话API 实现选择拨打固话或手机号。》对你有帮助,请点赞、收藏,并留下你的观点哦!