VueUse使用
链接: VueUse中文文档
useClipboard—复制功能
- copy(需要拷贝的内容)
- copied 是否拷贝成功,默认1.5s恢复状态
- isSupported 浏览器是否支持,需要授权读取粘贴板和写入粘贴板权限
import {
useClipboard } from '@vueuse/core'
import {
showToast } from 'vant'
// 复制
const {
copy, isSupported } = useClipboard()
const onCopy = async () => {
if (!isSupported.value) return showToast('未授权,不支持')
await copy(item.value?.orderNo || '')
showToast('已复制')
}
<van-cell title="订单编号">
<template #value>
<span class="copy" @click="onCopy()">复制</span>
{
{
item.orderNo }}
</template>
</van-cell>