首页 前端知识 vue3使用clipboard.js

vue3使用clipboard.js

2024-09-04 23:09:20 前端知识 前端哥 89 922 我要收藏

一、安装

npm install --save vue-clipboard3

 二、引入

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

三、使用

  const copy = async (val) => {
    try {
      await toClipboard(val);
      //成功要做的事 
      console.log('复制成功!')
    } catch (e) {
      console.log(e);
    }
  };

四、获得剪切板内容,处理成想要的数据

async function ImportConfig() {
    let copyText = await navigator.clipboard.readText();
    console.log('剪切板内容',copyText )
    //处理数据
}
						
转载请注明出处或者链接地址:https://www.qianduange.cn//article/17660.html
标签
评论
发布的文章

关于HTML的知识

2024-09-18 23:09:36

js简单实现轮播图效果

2024-09-18 23:09:36

CSS3美化网页元素

2024-09-18 23:09:27

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!