vue点击按钮一键复制

你可以使用Clipboard.js来实现Vue中的一键复制按钮功能。

首先，需要在你的Vue项目中先安装Clipboard.js，可以使用以下命令：

npm install clipboard --save

然后，在需要使用一键复制功能的组件中，先引入Clipboard.js：

import Clipboard from 'clipboard'

接着，在组件的methods中定义一个复制文本的方法，如下所示：

copyText() {
  let clipboard = new Clipboard('.copy-btn')
  clipboard.on('success', () => {
    console.log('复制成功')
    clipboard.destroy()
  })
  clipboard.on('error', () => {
    console.log('复制失败')
    clipboard.destroy()
  })
}

在这个方法中，我们先创建了一个Clipboard实例，并且将一键复制按钮的class名称作为参数传入。然后，我们通过clipboard.on()方法监听复制成功和失败的事件，并在控制台输出相应的提示信息，最后销毁Clipboard实例。

最后，在模板中添加一个一键复制按钮，并给它绑定click事件，调用copyText()方法即可：

<button class="copy-btn" data-clipboard-text="要复制的文本" @click="copyText">复制</button>

这里的data-clipboard-text属性是我们要复制的文本内容，可以根据自己的需求进行修改。

这样，你就可以在Vue中实现一键复制按钮功能了。