vue中复制选中文本

在Vue.js应用中复制选中文本通常涉及到使用`document.execCommand`这个JavaScript API，它可以模拟用户在浏览器中的复制操作。下面是如何在一个简单的文本输入框中实现复制功能的一个例子：

首先，在HTML模板中添加一个文本区域和复制按钮：

<template>
  <div>
    <input type="text" v-model="selectedText" @copy="copyToClipboard">
    <button @click="copyToClipboard">复制</button>
  </div>
</template>

然后，在对应的Vue组件中编写复制方法`copyToClipboard`：

<script>
export default {
  data() {
    return {
      selectedText: ''
    };
  },
  methods: {
    copyToClipboard() {
      if (!this.selectedText || this.selectedText === '') {
        alert("请选中文字后再尝试");
        return;
      }
      
      document.execCommand('copy', false, this.selectedText);
      alert("复制成功!");
    }
  }
};
</script>

在这个例子中，当用户在文本输入框内选择了文本并点击“复制”按钮时，`copyToClipboard`方法会被触发，它会检查是否有选中的文本，如果有则执行`document.execCommand('copy')`，将选中的文本复制到剪贴板。

注意，`document.execCommand`在某些场景下可能不受所有浏览器的支持，特别是对于现代的隐私策略，复制粘贴操作可能会受到限制。确保你在实际项目中进行兼容性测试。