当前位置: 首页 > news >正文

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

一、实现效果:

在这里插入图片描述

二、代码实现:

在uni-app中,使用uni.showActionSheet方法实现点击拨打电话的功能,并弹出相关的电话列表供用户选择。
当用户选择了其中一个电话后,会触发success回调函数,并通过res.tapIndex获取用户选择的电话的索引。然后,可以根据索引从电话号码数组中取出对应的电话号码,并使用uni.makePhoneCall方法进行拨打。

<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>

OK!

http://www.lryc.cn/news/146647.html

相关文章:

  • swc-loader Segmentation fault “$NODE_EXE“ “$NPM_CLI_JS“ “$@“
  • Leetcode78. 子集
  • 百度“AI智障”到AI智能体验之旅
  • R中当并行运算遇到C++函数时,让foreach+Rcpp一起工作
  • 实现带头双向循环链表
  • Mysql 表字符集变更
  • golang抓取tcp包的实现
  • oauth2.0第2季 分布式认证与授权实现单点登录
  • SpringBoot一些困惑及梳理
  • PostgreSQL汉字转拼音首字母
  • HBuilderX修改manifest.json设置,解决跨域问题(CORS、Cross-Origin)
  • AR地图微信小程序:数字化时代下地图应用的新突破
  • 成集云 | 抖店客户静默下单催付数据同步钉钉 | 解决方案
  • C++中的运算符总结(5):按位逻辑运算符
  • 《异常检测——从经典算法到深度学习》22 Kontrast: 通过自监督对比学习识别软件变更中的错误
  • 大数据风控介绍
  • Linux内核学习(九)—— 虚拟文件系统(基于Linux 2.6内核)
  • 【模拟】算法实战
  • 各个微服务模块之间互相依赖调用的问题
  • 理论转换实践之keepalived+nginx实现HA
  • 华为OD七日集训第1期复盘 - 按算法分类,由易到难,循序渐进,玩转OD(文末送书)
  • MPI之持久化通信句柄与非持久化通信句柄
  • 搭建个人备忘录中心服务memos、轻量级笔记服务
  • 探究代理技术在网络安全、爬虫与HTTP通信中的多重应用
  • vue左侧漏斗切换 echart图表动态更新
  • Centos7安装ZK-UI管理界面安装|Maven|Git|
  • C语言日常刷题7
  • 037 - 有关时间和日期的函数方法
  • (JAVA)树——tree
  • js判断对象是否为空对象的方法总结