uniapp实现：点击拨打电话，弹出电话号码列表，可以选择其中一个进行拨打-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp实现：点击拨打电话，弹出电话号码列表，可以选择其中一个进行拨打。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、实现效果：

uniapp实现：点击拨打电话，弹出电话号码列表，可以选择其中一个进行拨打,uniapp,uni-app

二、代码实现：

在uni-app中，使用uni.showActionSheet方法实现点击拨打电话的功能，并弹出相关的电话列表供用户选择。
当用户选择了其中一个电话后，会触发success回调函数，并通过res.tapIndex获取用户选择的电话的索引。然后，可以根据索引从电话号码数组中取出对应的电话号码，并使用uni.makePhoneCall方法进行拨打。文章来源地址https://www.toymoban.com/news/detail-682270.html

<template>
	<view>
		<button @click="makeCall">拨打电话</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				itemList: ['电话号码1', '电话号码2', '电话号码3', '电话号码11', '电话号码21', '电话号码31'],
			}
		},
		methods: {
			makeCall() {
				uni.showActionSheet({
					itemList: this.itemList,   //itemList字段不变
					success: function(res) {
						if (!res.cancel && res.tapIndex !== undefined) {
							uni.makePhoneCall({
								phoneNumber: this.itemList[res.tapIndex],
								success: function() {
									console.log('拨打电话成功');
								},
								fail: function() {
									console.log('拨打电话失败');
								}
							});
						}
					}.bind(this) // 绑定this作用域
				});
			}
		}
	}
</script>