vue 一键复制input中的文本内容

vue 一键复制input中的文本内容

1、页面设置

 <el-input v-model="copytext" disabled></el-input>
 <el-button ref="copy" type="primary" :data-clipboard-text="copytext" @click="copy" id="copybuttons" class="copybutton">一键复制</el-button>

2、js设置

 copy(){
   var _this = this;
   var clipboard = new Clipboard('#copybuttons');
   clipboard.on('success', e => {
     Message({
      	message: '作品ID已复制到粘贴板',
        type: 'success',
        duration: 5 * 1000
        });
        clipboard.destroy()
        })
   clipboard.on('error', e => {
      Message({
        message: '当前浏览器不支持自动复制',
        type: 'warning',
        duration: 5 * 1000
      });
      clipboard.destroy()
     })
     },