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>
相关推荐
2501_9151063212 小时前
深入解析无源码iOS加固原理与方案,保护应用安全
android·安全·ios·小程序·uni-app·cocoa·iphone
froginwe1112 小时前
Vue.js 监听属性
开发语言
c++逐梦人12 小时前
五种IO模型与⾮阻塞IO
开发语言·网络
翎沣12 小时前
C++面向对象三大特性
开发语言·c++
驭渊的小故事12 小时前
java中的进程的详细解析
java·开发语言
烟雨江南aabb12 小时前
Python第六弹:python爬虫篇:什么是爬虫
开发语言·爬虫·python
沐知全栈开发12 小时前
Servlet 文件上传详解
开发语言
一只小小Java12 小时前
Echarts单表多图实现
前端·javascript·echarts
跟着珅聪学java12 小时前
Element UI 的 Tabs 标签页开发教程
javascript·vue.js·elementui
竹林81813 小时前
用Viem替换ethers.js:一次合约交互的"减负"实战,我总算把TypeScript类型搞明白了
前端·javascript