JS 复制

vue+element

引入插件

    <!-- 复制插件  -->
    <script src="https://cdn.bootcss.com/clipboard.js/1.5.15/clipboard.min.js"></script>

:data-clipboard-text 要与v-model 一致 才能复制到文本内容

     <div>
         文本内容：
         <el-input type="textarea" :rows="7" v-model="copy_text"></el-input>
         <el-button @click="copyClick()" class="copy_class" :data-clipboard-text="copy_text">复制</el-button>
     </div>
     <script>
        copyClick(){
     	 var clipboard = new Clipboard(".copy_class");
                clipboard.on("success", function (element) {
                    Vue.prototype.$message({
                        type: 'success',
                        message: '复制成功!'
                    });
                    clipboard.destroy();
                });
                clipboard.on('error', function (e) {
                    Vue.prototype.$message({
                        type: 'error',
                        message: '复制失败!'
                    });
                    clipboard.destroy();
         });
        } 
     </script>