使用vue-clipboard3实现复制到剪切板,首先引入:npm install --save vue-clipboard3
(详见)
使用教程
<template lang="html">
<div>
<button @click="copyInfo('我是copy的内容')">点我复制</button>
</div>
</template>
<script lang="ts">
import useClipboard from 'vue-clipboard3'
export default {
setup() {
const { toClipboard } = useClipboard()
const copyInfo = async (info) => {
try {
await toClipboard(info)
ElMessage.success('复制成功')
} catch (e) {
ElMessage.warning('您的浏览器不支持复制:', e)
}
}
return { copyInfo }
}
}
</script>
评论 (0)