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>
相关推荐
Hilaku几秒前
CORS 到底在保护谁?90% 的前端理解错了跨域的本质
前端·javascript·程序员
华玥作者1 分钟前
Vue 3 + TypeScript + uni-app 组件库推荐:hy-app(华玥组件库)
vue.js·typescript·uni-app
eggwyw4 分钟前
C++相交链表和反转链表详解
开发语言·c++
Wang's Blog9 分钟前
Java 项目实战:交友项目 - 保存访客记录
java·开发语言·交友
阿琳a_19 分钟前
b-map-viewer:面向 Vue 3 的地图可视化 SDK,从接入到展示再到交互分析
前端·javascript·vue.js·gis·数据可视化·地图
FinelyYang25 分钟前
uniapp使用kkfileview在线预览ppt,excel,word,pdf类型文件
pdf·uni-app·powerpoint
Raas10039 分钟前
AI网关如何接入?MAI Gateway部署实操教程
java·开发语言·人工智能·gateway·ai网关·mai gateway·企业级产品
小小龙学IT1 小时前
Go 语言 pprof 性能剖析与调优深度解析:把“卡在哪“变成一张可执行的数据图
开发语言·后端·golang
Captain1314_李祖团1 小时前
5. MLIR相关语法
java·前端·javascript
starzy19901 小时前
Scala Set深度解析:为什么大数据开发离不开它?
大数据·开发语言·scala