elementui配合clipboard.js使用

要在Element UI中使用clipboard.js，你需要先按照上面所述的方式安装clipboard.js库。然后，你可以使用Element UI提供的el-button组件来触发复制操作。具体代码如下：

<template>
  <div>
    <el-button ref="copyBtn" @click="copyText">复制文本</el-button>
  </div>
</template>

<script>
import Clipboard from 'clipboard';

export default {
  mounted() {
    // 实例化Clipboard对象
    this.clipboard = new Clipboard(this.$refs.copyBtn.$el);

    // 监听复制成功事件
    this.clipboard.on('success', () => {
      this.$message.success('复制成功');
    });

    // 监听复制失败事件
    this.clipboard.on('error', () => {
      this.$message.error('复制失败');
    });
  },
  beforeDestroy() {
    // 销毁Clipboard对象
    this.clipboard.destroy();
  },
  methods: {
    // 点击按钮触发复制操作
    copyText() {
      this.clipboard.text = '要复制的文本';
      this.clipboard.action();
    }
  }
}
</script>

在这个例子中，我们使用了Element UI提供的el-button组件来触发复制操作，然后通过ref属性获取到这个按钮的实例，在mounted钩子函数中实例化Clipboard对象，并监听复制成功和失败事件。在beforeDestroy钩子函数中销毁Clipboard对象。在copyText方法中，我们设置要复制的文本，然后调用Clipboard对象的action方法来进行复制操作，并在成功或失败时弹出提示框。