前端 vue2 设置一个复制功能的 自定义命令可供全局使用 多种代码 简洁代码

在Vue2中，你可以使用`Vue.prototype`来为Vue实例添加一个全局的方法，这样就可以在任何组件中使用这个方法，包括实现一个全局的复制功能。下面是一个简单的例子来展示如何创建一个全局可用的复制功能：

// 在你的主文件中，比如main.js或者app.js
import Vue from 'vue';

// 创建一个全局的复制函数
Vue.prototype.$copyText = function(text) {
  const input = document.createElement('input');
  input.setAttribute('value', text);
  document.body.appendChild(input);
  input.select();
  document.execCommand('copy');
  document.body.removeChild(input);
};

// 在任何组件中使用
export default {
  methods: {
    copyToClipboard() {
      this.$copyText('要复制的文本');
      alert('复制成功');
    }
  }
};

在这个例子中，`$copyText`方法被添加到Vue的原型上，使得所有的Vue实例都可以访问这个方法。方法内部创建了一个临时的`input`元素，将要复制的文本设置为其值，然后选中该文本并执行复制命令。最后，清理掉创建的`input`元素。

使用这个方法，你可以在任何组件的`methods`中调用`this.$copyText`来复制文本。这里有一个简单的组件方法`copyToClipboard`，它调用`this.$copyText`并触发一个简单的提示框表示复制成功。