实现点击按钮复制文本（Clipboard包）

操作如下：

npm install clipboard --save

import Clipboard from 'clipboard';

Vue.use(VueClipboard)

<template id="demo"><div class="container"><!-- 文本内容 --><input type="text" v-model="message"><!-- 复制按钮,通过v-model来识别哪个文本内容 --><button type="button"v-clipboard:copy="message"v-clipboard:success="onCopy"v-clipboard:error="onError">复制</button></div> </template> <script> export default {data () {return {message: '啦啦啦，这是复制的内容！',codes: '',}},methods: {onCopy: function (e) {console.log('你刚刚复制: ' + e.text)},onError: function (e) {console.log('无法复制文本！')}} } </script>

 

转载于:https://www.cnblogs.com/renzm0318/p/11551357.html

总结

以上是生活随笔为你收集整理的实现点击按钮复制文本（Clipboard包）的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。