vue一行文字后有个复制按钮点击复制将文字复制到系统粘贴板

要实现这个功能，需要使用vue-clipboard2这个插件。首先在项目中安装该插件：

npm install vue-clipboard2 --save

然后在需要使用复制功能的组件中引入该插件：

import VueClipboard from 'vue-clipboard2'

在该组件的mounted钩子函数中，注册复制事件：

mounted() {
  VueClipboard.config.autoSetContainer = true;
  this.$refs.copyBtn.addEventListener('click', () => {
    VueClipboard.toClipboard(this.text);
    this.$message.success('复制成功');
  });
},

在模板中，添加一个按钮，并为其添加一个ref属性：

<template>
  <div>
    <p>{{ text }}</p>
    <button ref="copyBtn">复制</button>
  </div>
</template>

这样，当用户点击复制按钮时，就会将文本内容复制到系统粘贴板中