百度运营培训班_专业网站设计制作优化排名_莆田关键词优化报价_如何引流与推广

一、问题描述

在集成腾讯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组件：

最终效果：