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>
相关推荐
To_OC8 小时前
LC 131 分割回文串:刚学回溯时,我连怎么切字符串都想不明白
javascript·算法·leetcode
灯澜忆梦9 小时前
GO_并发编程---定时器
开发语言·后端·golang
-银雾鸢尾-9 小时前
C#中的StringBuilder相关方法
开发语言·c#
To_OC9 小时前
LC 42 接雨水:暴力超时卡半天?前后缀数组一用就通了
javascript·算法·leetcode
小林ixn9 小时前
从 ??= 到 onKeyDown:一个 React 组件的“自我修养”
前端·javascript·react.js
-银雾鸢尾-9 小时前
C#中结构体与类的区别;抽象类与接口的区别
开发语言·c#
এ慕ོ冬℘゜10 小时前
前端实战:jQuery 多条件联合搜索(标题模糊查询 + 日历时间段筛选)
前端·javascript·jquery
大模型码小白10 小时前
【Python零基础教程】继承、多态与魔法函数:面向对象编程三大核心特性详解
java·大数据·开发语言·人工智能·python·ai编程
随心点儿11 小时前
js postMessage 实现跨域发送消息-应用示例
javascript·ecmascript·postmessage
kyriewen12 小时前
我让AI改一个bug——它偷偷动了5个我没让它碰的地方
前端·javascript·ai编程