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>
相关推荐
唐叔在学习7 分钟前
e.preventDefault()到底怎么用?
前端·javascript
CoderCodingNo19 分钟前
【GESP】C++五级练习题 luogu-P1182 数列分段 Section II
开发语言·c++·算法
Highcharts.js1 小时前
Highcharts React v4.2.1 正式发布:更自然的React开发体验,更清晰的数据处理
linux·运维·javascript·ubuntu·react.js·数据可视化·highcharts
青槿吖2 小时前
第二篇:告别XML臃肿配置!Spring注解式IOC/DI保姆级教程,从入门到真香
xml·java·开发语言·数据库·后端·sql·spring
t198751282 小时前
TOA定位算法MATLAB实现(二维三维场景)
开发语言·算法·matlab
梦想的旅途22 小时前
如何通过 QiWe API 实现企业微信主动发消息
开发语言·python
jllllyuz2 小时前
粒子群算法解决资源分配问题的MATLAB实现
开发语言·算法·matlab
凌晨一点的秃头猪2 小时前
Python文件操作
开发语言·python