【Vue3】使用clipboard.js实现一键复制文本内容

一、安装

npm install --save vue-clipboard3

二、引入

import useClipboard from ‘vue-clipboard3’;
const { toClipboard } = useClipboard();

三、使用

//复制
  const copy = async (val) => {
    try {
      await toClipboard(val);
      //成功要做的事 
      ElMessage.success('复制成功！');
      console.log('复制成功!')
    } catch (e) {
      console.log(e);
    }
  };
  
//获得剪切板内容
  async function ImportConfig() {
    let copyText = await navigator.clipboard.readText();
    console.log('剪切板内容',copyText )
    //处理数据
}