vue 复制粘贴

vue 剪贴版

情景

前端页面点击复制文本

1. 异步 Clipboard API 只支持https协议可用

navigator.clipboard.writeText("复制文本“.then(() => {
           ElMessage.success('复制成功');
  });

2. 使用vue-clipboard3

1. 安装 vue-clipboard3

npm i vue-clipboard3

vue-clipboard3 npm 网址

2. 使用

<template >
  <button @click="copy">Copy!</button>
</template>
<script >
import { defineComponent } from '@vue/composition-api';
export default defineComponent({
    setup() {
    	 const { toClipboard } = useClipboard();
	   	 const copy=()=>{
	    	   toClipboard(“复制文本”).then(()=>{
	                ElMessage.success('复制成功');
	            })
	   	  }
	   	  return{
	   	  	copy
	   	  }
	}
})
</script>