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>
相关推荐
蜜獾云1 小时前
JAVA面试题速记-第1期-java基础
java·开发语言
百锦再1 小时前
Java中的反射机制详解:从原理到实践的全面剖析
java·开发语言·jvm·spring boot·struts·spring cloud·kafka
没有bug.的程序员1 小时前
Gradle 构建优化深度探秘:从 Java 核心到底层 Android 物理性能压榨实战指南
android·java·开发语言·分布式·缓存·gradle
宇木灵2 小时前
C语言基础学习-X0前置
c语言·开发语言·学习
-Rane2 小时前
【C++】vector
开发语言·c++·算法
电饭叔2 小时前
python转换字符串介绍
开发语言·windows·python
希望之晨2 小时前
c++ 11 学习 override
开发语言·c++·学习
Mrliu__2 小时前
Python高级技巧(六):正则表达式
开发语言·python·正则表达式
普通网友2 小时前
PL/SQL语言的正则表达式
开发语言·后端·golang
(initial)2 小时前
B-02. Shared Memory 深度优化:从 Bank Conflict 到 Tensor Core Swizzling
开发语言·c#