vue项目浏览器复制

<template>
  <div>
    <button @click="copyText">复制文本</button>
  </div>
</template>

<script>
export default {
  methods: {
    copyText() {
      const textToCopy = '要复制的文本';
      const input = document.createElement('input');
      input.value = textToCopy;
      document.body.appendChild(input);
      input.select();
      document.execCommand('copy');
      document.body.removeChild(input);
      alert('已复制到剪贴板！');
    }
  }
}
</script>

在这个示例中，当点击"复制文本"按钮时，会创建一个新的<input>元素，并将要复制的文本设置为其值。然后将该输入框添加到页面中，选中输入框中的文本，并执行document.execCommand('copy')来执行复制操作。完成复制后，删除创建的输入框并弹出一个提示框显示复制成功。

请注意，由于涉及到操作DOM，建议将复制文本的逻辑放在组件的方法中处理，以便更好地与Vue的生命周期和数据绑定进行协调。