m-clipboard 剪贴板

简述

读写剪贴板封装，用于一键复制等场景。

复制文本到剪贴板工具。

注意

H5 需 HTTPS 与用户手势触发；部分小程序对剪贴板 API 有版本与隐私要求。

平台差异说明

App（vue）	App（nvue）	H5	小程序
√	√	√	√

演示地址

与线上 H5 演示基座 分包一致（文档站右下角预览 iframe 亦指向同一路径）。

类型	地址
分包路径	pages_demo/ext/clipboard/clipboard
线上 H5（hash）	打开演示

基本使用

<template>
	<view>
		<m-clipboard text="要复制的文字" @copy="handleCopy">
			<m-button type="primary">复制</m-button>
		</m-clipboard>
	</view>
</template>

Props

参数	说明	类型	默认值
text	需要复制的文本	string	''

Events

事件名	说明
copy	点击复制成功后触发

示例

基础用法

<m-clipboard
	text="https://example.com"
	@copy="handleCopy"
>
	<m-button type="primary">复制链接</m-button>
</m-clipboard>

说明

基于 uni-app uni.setClipboardData API 封装。