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

uniapp:微信小程序文本长按无法出现复制菜单

一、问题描述

在集成腾讯TUI后,为了能让聊天文本可以复制,对消息组件的样式进行修改,主要是移除下面的user-select属性限制:

  user-select: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;

在Android设备上可以正常显示长按的复制菜单,但在IOS上无法正常显示。

二、解决方案

在微信开发文档中找到:
在这里插入图片描述

同时在uniapp上也找到相关文档:

在这里插入图片描述

但实际在uniapp中使用span标签编译出来的是label标签:

在这里插入图片描述

因此,将span改成text即可:

<div><textclass="text":user-select="true">{{ item.text }}</text>
</div>

经过编译后确认是text组件:

在这里插入图片描述

最终效果:
在这里插入图片描述

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

相关文章:

  • qml Item详解
  • 【Java回顾】Day4 反射机制
  • 【沉默的羔羊心理学】汉尼拔的“移情”游戏:操纵与理解的艺术,精神分析学视角下的角色互动
  • [深度学习] 大模型学习1-大语言模型基础知识
  • 如何解决数据库和缓存不一致的问题
  • 剑指Offer|LCR 021. 删除链表的倒数第 N 个结点
  • 【NX入门篇】
  • ubuntu如何禁用 Snap 更新
  • Spring AI Alibaba-对话模型(Chat Model)
  • HTML——79.代码快捷输入方式
  • 李宏毅机器学习课程笔记01 | 1.Introduction of Machine/Deep Learning
  • 1、pycharm、python下载与安装
  • 计算机网络复习(学习通作业4、5、6系统答案)
  • javascript 绘制图表的几种方式
  • 【网络协议】开放式最短路径优先协议OSPF详解(四)
  • C++STL中algorithm的介绍与使用
  • Oracle exp和imp命令导出导入dmp文件
  • GitLab集成Runner详细版--及注意事项汇总【最佳实践】
  • ARM发布Armv9.5架构:迈向更强性能与灵活性的新时代
  • 网络安全:路由技术
  • Vue3 子组件向父组件传递消息(Events)
  • 如何清理Docker的overlay2目录下的文件
  • 《Vue3实战教程》19:Vue3组件 v-model
  • 数字PWM直流调速系统设计(论文+源码)
  • Spring Boot日志处理
  • vue3+Echarts+ts实现甘特图
  • OpenCV相机标定与3D重建(41)从 3D 物点和它们对应的 2D 图像点估算初始相机内参矩阵函数initCameraMatrix2D()的使用
  • ELK日志平台搭建 (最新版)
  • 智能化人才招聘系统是怎样的?
  • 电脑主机后置音频插孔无声?还得Realtek高清晰音频管理器调教