vue实现点击按钮将指定文字复制到系统剪切板并提示复制成功

<template>
  <div>
    <input type="text" v-model="textToCopy">
    <button @click="copyText">复制文本</button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      textToCopy: '要复制的文本内容'
    };
  },
  methods: {
    copyText() {
      const textarea = document.createElement('textarea');
      textarea.value = this.textToCopy;
      document.body.appendChild(textarea);
      textarea.select();
      document.execCommand('copy');
      document.body.removeChild(textarea);
      alert('已复制到剪贴板');
    }
  }
}
</script>