vue 复制使用方法clipboard

一、npm安装clipboard

npm install clipboard --save

二、页面结构

<div
      class="wrap"
      v-for="(item, index) in list"
      :key="item.id"
      @click="urlHandle(item, index)"
      :class="`List${index}`"
    >
  </div>

三、引入Clipboard

import Clipboard from 'clipboard';

四、copy方法

urlHandle(){
	const clipboard = new Clipboard(`.List${index}`, { // 绑定需要的触发的dom
          text: function() {
            return item.resourceContent;
          }
        });
        const _this = this;
        clipboard.on('success', function(e) {
          _this.$emit('returnCopy');
        });
}