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

uniapp中实现<text>文本内容点击可复制或拨打电话

  • 推荐学习文档
    • golang应用级os框架,欢迎star
    • golang应用级os框架使用案例,欢迎star
    • 案例:基于golang开发的一款超有个性的旅游计划app经历
    • golang实战大纲
    • golang优秀开发常用开源库汇总
    • 想学习更多golang知识,这里有免费的golang学习笔记专栏
    • 想学习更多前端知识,这里有免费的前端专栏

template 部分

<template><view><text @tap="handlePhoneClick('1234567890')">1234567890</text></view>
</template>

script 部分

export default {methods: {handlePhoneClick(phoneNumber) {uni.showActionSheet({itemList: ['复制', '拨打'],success: (res) => {if (res.tapIndex === 0) {// 复制操作uni.setClipboardData({data: phoneNumber,success: () => {uni.showToast({title: '复制成功',icon: 'success'});},fail: () => {uni.showToast({title: '复制失败',icon: 'none'});}});} else if (res.tapIndex === 1) {// 拨打操作uni.makePhoneCall({phoneNumber: phoneNumber});}}});}}
};

在上述代码中,当点击包含电话的 标签时,会弹出一个操作菜单,用户可以选择复制电话号码或者直接拨打该号码。uni.setClipboardData用于实现复制功能,uni.makePhoneCall用于实现拨打电话功能。

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Miracast/WifiDisplay开发相关的深入调研分析-android投屏实战开发
  • PMP--一模--解题--111-120
  • 数据结构-链表
  • 【Java集合】ArrayList
  • Java HashMap 总结
  • LeetCode-160.相交链表
  • C#学习笔记(三)Visual Studio安装与使用
  • 第十一章 【后端】商品分类管理微服务(11.1)——创建父工程
  • linux 操作系统下dd 命令介绍和使用案例
  • 【有啥问啥】对比学习(Contrastive Learning,CL)的原理与前沿应用详解
  • 【目标检测数据集】锯子数据集1107张VOC+YOLO格式
  • 【踩坑】装了显卡,如何让显示器从主板和显卡HDMI都输出
  • MATLAB入门教程
  • (k8s)Kubernetes 从0到1容器编排之旅
  • linux网络编程——UDP编程
  • 【JavaScript】通过闭包创建具有私有属性的实例对象
  • IE报vuex requires a Promise polyfill in this browser问题解决
  • JavaScript 一些 DOM 的知识点
  • Java反射-动态类加载和重新加载
  • scala基础语法(二)
  • vue-router的history模式发布配置
  • vue从创建到完整的饿了么(11)组件的使用(svg图标及watch的简单使用)
  • vue从创建到完整的饿了么(18)购物车详细信息的展示与删除
  • 大快搜索数据爬虫技术实例安装教学篇
  • 诡异!React stopPropagation失灵
  • 浏览器缓存机制分析
  • 使用 Docker 部署 Spring Boot项目
  • 思维导图—你不知道的JavaScript中卷
  • 微服务入门【系列视频课程】
  • 微信开放平台全网发布【失败】的几点排查方法
  • 问题之ssh中Host key verification failed的解决
  • 小程序、APP Store 需要的 SSL 证书是个什么东西?
  • 一加3T解锁OEM、刷入TWRP、第三方ROM以及ROOT
  • 运行时添加log4j2的appender
  • 走向全栈之MongoDB的使用
  • 阿里云ACE认证学习知识点梳理
  • 翻译 | The Principles of OOD 面向对象设计原则
  • ​ 全球云科技基础设施:亚马逊云科技的海外服务器网络如何演进
  • ​LeetCode解法汇总1276. 不浪费原料的汉堡制作方案
  • # 睡眠3秒_床上这样睡觉的人,睡眠质量多半不好
  • #### go map 底层结构 ####
  • $.ajax()参数及用法
  • (7)STL算法之交换赋值
  • (LeetCode C++)盛最多水的容器
  • (附源码)springboot 个人网页的网站 毕业设计031623
  • (免费分享)基于springboot,vue疗养中心管理系统
  • (三)centos7案例实战—vmware虚拟机硬盘挂载与卸载
  • (一)Docker基本介绍
  • (一)Thymeleaf用法——Thymeleaf简介
  • (原創) 如何動態建立二維陣列(多維陣列)? (.NET) (C#)
  • (转)Oracle存储过程编写经验和优化措施
  • *1 计算机基础和操作系统基础及几大协议
  • *算法训练(leetcode)第四十七天 | 并查集理论基础、107. 寻找存在的路径
  • .helper勒索病毒的最新威胁:如何恢复您的数据?
  • .net core 依赖注入的基本用发