vue 中 怎么实现复制文本操作

在 Vue 中实现复制文本操作可以使用 `document.execCommand('copy')` 方法，该方法会将选中的文本复制到剪贴板中。以下是一个简单的示例：

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

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

在上面的代码中，我们创建了一个文本输入框和一个按钮，当用户点击按钮时，我们将 `text` 中的文本复制到剪贴板中，并通过 `alert` 弹出提示框告知用户。具体实现中，我们使用了 `document.createElement('input')` 创建一个 `<input>` 元素，并将要复制的文本设置为该元素的 `value` 属性，然后将该元素添加到文档中并选中，调用 `document.execCommand('copy')` 方法将选中的文本复制到剪贴板中，最后从文档中移除该元素。