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即可:

html 复制代码
<div>
	<text
	  class="text"
		:user-select="true"
	>{{ item.text }}</text>
</div>

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

最终效果:

相关推荐
show4332 小时前
2026微信小程序创作工具生态技术趋势:从单一功能到AI整合型平台演进
人工智能·微信小程序·小程序
CSharp精选营2 小时前
用 .NET 8 + uni-app 做一套多租户畜牧 SaaS:我们在秦巴牧云踩过的 6 个坑
uni-app·efcore·.net8·多租户·saas踩坑
paopaokaka_luck13 小时前
停车小程序(车牌OCR智能识别、地图API、Echarts图形化分析、智能车位预约、自动计费与订单处理)
小程序·ocr·echarts
FinelyYang14 小时前
UniApp + LiveKit:Android 端为什么要用原生做屏幕共享,以及我们怎么落地的
android·uni-app
单词记忆方法研究15 小时前
大学英语单词:我踩过的坑,和你该走的路
机器学习·小程序·学习方法
Ai-_Man18 小时前
怎么手动备份豆包智能体的聊天数据?
人工智能·ai·小程序
宠友信息21 小时前
IM系统开发技术路线分析,即时通讯源码助力快速搭建聊天应用
java·spring boot·redis·websocket·mysql·uni-app·vue
Ai-_Man21 小时前
豆包收藏夹能批量导出吗?从底层逻辑拆解「AI导出鸭」如何解构这一技术难题
人工智能·ai·小程序
微擎应用1 天前
小程序抽奖工具
小程序