vue3:复制功能(vue-clipboard3)
参考地址vue-clipboard31、安装npm install --save vue-clipboard32、页面中使用<template><div class="mine"><button @click="copy('123123')">复制</button></div></template><script>
·
1、安装
npm install --save vue-clipboard3
2、页面中使用
<template>
<div class="mine">
<button @click="copy('123123')">复制</button>
</div>
</template>
<script>
import { Toast } from 'vant';
import useClipboard from 'vue-clipboard3'
export default {
setup() {
const { toClipboard } = useClipboard();
const copy = async (val) => {
try {
await toClipboard(val)
Toast.success('复制成功')
} catch (e) {
Toast.fail(e)
}
}
return{
copy
}
}
}
</script>
更多推荐
已为社区贡献15条内容
所有评论(0)