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组件:

最终效果:

相关推荐
打不着的大喇叭7 分钟前
uniapp的光标跟随和打字机效果
前端·javascript·uni-app
zengzehui8 分钟前
uniapp启动图被拉伸问题
uni-app
iOS阿玮3 小时前
AppStore教你一招免备案的骚操作!
uni-app·app·apple
racerun3 小时前
微信小程序如何实现再多个页面共享数据
微信小程序·小程序
XM-54583 小时前
2025微信小程序wxapkg解包全攻略
linux·运维·小程序
ModyQyW21 小时前
用 AI 驱动 wot-design-uni 开发小程序
前端·uni-app
HERR_QQ1 天前
【unify】unify的微信小程序开发学习 (to be continued)
学习·微信小程序·小程序
耶啵奶膘1 天前
uniapp+firstUI——上传视频组件fui-upload-video
前端·javascript·uni-app
racerun2 天前
小程序导航设置更多内容的实现方法
小程序
说私域2 天前
基于开源AI智能名片链动2+1模式S2B2C商城小程序的超级文化符号构建路径研究
人工智能·小程序·开源