vue 实现点击复制文本到剪贴板

在Vue中实现点击复制文本到剪贴板，可以使用第三方库v-clipboard或者原生JavaScript实现。以下是使用原生JavaScript的一个简单例子：

1. 在Vue模板中添加一个按钮，并绑定点击事件。
2. 在事件处理函数中使用navigator.clipboard.writeText方法复制文本。

<template>
  <div>
    <button @click="copyText">复制文本</button>
  </div>
</template>
 
<script>
export default {
  methods: {
    copyText() {
      const textToCopy = '要复制的文本内容';
      navigator.clipboard.writeText(textToCopy).then(
        () => {
          console.log('复制成功');
          // 可以添加用户提示复制成功
        },
        (error) => {
          console.error('复制失败', error);
          // 可以添加用户提示复制失败
        }
      );
    }
  }
}
</script>

确保在服务端环境中使用HTTPS，因为现代浏览器出于安全考虑，可能会限制在非安全上下文中使用剪贴板API。