uniapp当中如何实现长按复制功能并且能够自由选择内容

功能效果如下图

实现方法:

普通文本或者富文本可以使用uniapp的 组件实现
主要代码实现方式 主要是使用了text当中的 selectable
对于数据有两种方式 两种都可以

javascript 复制代码
<template>
	<view class="content">
		<text v-html="content" selectable></text>
		<text  selectable>{{value}}</text>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				content:`<view>内容内容内容内容内容内容内容内容内容</view>`,
				value:'内容内容内容内容内容内容内容内容内容'
			}
		},
		onLoad() {

		},
		mounted() {
		
		},
		
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	
</style>
相关推荐
sghuter2 分钟前
数字资源分发的技术架构与未来趋势
c语言·开发语言·后端·青少年编程
VagueVibes4 分钟前
Openclaw 快速接入 DeepSeek V4 Pro 指南
javascript
普修罗双战士10 分钟前
【开发工具IDEA调试,高频使用, IntelliJ IDEA 调试快捷键完全指南】
java·开发语言·intellij-idea
海参崴-17 分钟前
C++ 进阶篇 STL 模拟实现二叉搜索树
开发语言·c++
Sakuyu4346821 分钟前
C语言基础(三)
c语言·开发语言
A_nanda21 分钟前
VS2022安装QT6.5.3后,如何更新项目配置
前端·javascript·vue.js
郝学胜-神的一滴24 分钟前
深入epoll反应堆模型:从libevent源码看高性能IO设计精髓
linux·服务器·开发语言·c++·网络协议·unix·信息与通信
XS03010625 分钟前
Java 基础(十)异常
java·开发语言·oracle
和小潘一起学AI25 分钟前
Python导入私有模块(企业级方案)
开发语言·python
!停30 分钟前
C++入门STL容器Vector使用基础,深挖 Vector替代 C 语言繁琐容器的利器
开发语言·c++