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

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>
	<text
	  class="text"
		:user-select="true"
	>{{ item.text }}</text>
</div>

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

在这里插入图片描述

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


http://www.kler.cn/a/460992.html

相关文章:

  • Emacs 中的缓冲区(Buffer)介绍
  • 低代码引擎插件开发:开启开发的便捷与创新之路
  • 【Patroni官方文档】介绍与目录
  • JavaScript的diff库详解(示例:vue项目实现两段字符串比对标黄功能)
  • Appium2.0:发生了哪些重大变化?
  • 家政上门小程序如何创建?家政服务怎么能少了小程序帮手
  • 工信部助力新型储能制造业,CES Asia 2025展现前沿科技
  • Linux高级--3.2.4.1 Linux timer的系统调用方案
  • Levenshtein 距离的原理与应用
  • LeetCode - 初级算法 数组(存在重复元素)
  • 应急指挥系统总体架构方案
  • spring入门程序
  • Java List 集合详解:基础用法、常见实现类与高频面试题解析
  • p44 13-表单使用场景以及分类
  • BitNet a4.8:通过4位激活实现1位大语言模型的高效内存推理
  • 嵌入式开发之使用 FileZilla 在 Windows 和 Ubuntu 之间传文件
  • 【循环代码练习阅读一】
  • 设计模式 创建型 单例模式(Singleton Pattern)与 常见技术框架应用 解析
  • nvm node.js 版本管理工具
  • Docker新手:在tencent云上实现Python服务打包到容器
  • 基于SSM(Spring + Spring MVC + MyBatis)框架搭建一个病人跟踪信息管理系统
  • 删除了overlay2 目录下的文件 存储空间(df -h)没有释放
  • (桌面运维学习)通过备份C盘,进行Windows系统的软件初始化
  • STM32G070CB的USART1_RX引脚
  • 排序算法原理及其实现
  • 如何在 Ubuntu 22.04 上安装 Webmin 教程