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

news/2024/11/14 13:47:54/
  • 推荐学习文档
    • 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用于实现拨打电话功能。


http://www.ppmy.cn/news/1528076.html

相关文章

️ 保护您的 JavaScript:安全和隐私的最佳实践

JavaScript 是一种用于构建动态 Web 应用程序的强大语言&#xff0c;但功能越强大&#xff0c;责任越大。确保 Web 应用程序的安全性和隐私性至关重要。本指南介绍了保护应用程序和用户的基本最佳实践。 &#x1f6e1;️ 安全和隐私基础知识 1.1、了解安全与隐私 安全&#x…

尚硅谷-----乐(智)尚代驾(Day4...重置版)---项目概述环境搭建

一、项目介绍 1.背景 乐尚代驾是一种新型的出行服务模式&#xff0c;通过该平台可以为用户提供代驾服务&#xff0c;采用微信小程序方式进行开发&#xff0c;主要分为乘客端、司机端和平台管理端&#xff0c;这里只实现前两个。 2.技术概括 后端技术栈 前端技术栈 使用的云服…

linux 系统是如何收发数据包

目录 1. 背景 1.1 协议栈的构成 1. 应用层: 2. Socket 层: 3. 传输层 (TCP/UDP): 4. 网络层 (IP): 5. 数据链路层 (MAC): 6. 物理层 (网卡驱动): 1.2 数据包的组成 2. 接收网络数据包的流程 2.1 数据包接收流程概述 2.2 详细步骤说明 2.2.1 网卡接收数据包 2.2.2…

【Obsidian】当笔记接入AI,Copilot插件推荐

当笔记接入AI&#xff0c;Copilot插件推荐 自己的知识库笔记如果增加AI功能会怎样&#xff1f;AI的回答完全基于你自己的知识库余料&#xff0c;是不是很有趣。在插件库中有Copilot插件这款插件&#xff0c;可以实现这个梦想。 一、什么是Copilot&#xff1f; 我们知道githu…

Linux(Ubuntu)(终端实现helloworld输出)

一、终端实现gcc编译 1.写好helloworld.h&#xff0c;helloworld.c&#xff0c;main.c后&#xff0c;打开终端&#xff0c;切换到保存这些文件的文件夹的目录&#xff0c;我把这些文件存放在helloworld的文件夹下&#xff0c;所以输入cd ~/helloworld 2.查看该目录下的文件&a…

基于STM32的智能门禁系统(指纹、蓝牙、刷卡、OLED、电机)

目录 一、主要功能 二、硬件资源 三、程序编程 四、实现现象 一、主要功能 基于STM32单片机&#xff0c;六个按键&#xff0c;分别代表指纹、蓝牙、刷卡的正确进门与错误进门&#xff1b; 比如第一个按键按下&#xff0c;表示指纹正确&#xff0c;OLED显示指纹正确&#x…

LeetCode:2398. 预算内的最多机器人数目 双指针+单调队列,时间复杂度O(n)

2398. 预算内的最多机器人数目 today 2398. 预算内的最多机器人数目 题目描述 你有 n 个机器人&#xff0c;给你两个下标从0开始的整数数组 chargeTimes 和 runningCosts &#xff0c;两者长度都为 n 。第 i 个机器人充电时间为 chargeTimes[i] 单位时间&#xff0c;花费 ru…

echarts实现湖南省地图并且定时轮询

1、在HTML页面引入echarts.min.js <script src"https://cdn.jsdelivr.net/npm/echarts5/dist/echarts.min.js"></script> 2、实现代码 <!DOCTYPE html> <html lang"en"> <head><meta charset"utf-8"><…