实现点击按钮复制文本（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包）相关推荐

vue 适配微信浏览器实现点击按钮复制文本 clipboard
之前写的复制功能发现用微信打开的浏览器页面不生效,所以又换了种方法实现首先,安装 clipboard npm install clipboard --save 然后,引入 clipboard imp ...
vue怎么实现点击复制html,Vue实现点击按钮复制文本内容的例子
Vue实现点击按钮复制文本内容的例子点击复制功能主要通过 clipboard.js 来实现在vue中使用clipboard.js 时候发现一个问题,就是如果不是input或者button 按钮的话 ...
点击按钮复制文本框内容
点击按钮复制文本框内容复制文本框内容的方法如下: function Copy(){var e=document.getElementById("content");//对象是co ...
JS复制文本到粘贴板，前端H5移动端点击按钮复制文本到粘贴板。
最近做手机端H5网页里面有个活动:点击按钮复制邀请码.查过一些方法,在电脑端可以复制粘贴,一放在手机上面打开网页就不能复制粘贴了. 直接进入正题使用开源项目 clipboard.js, 官网:点击打 ...
html 复制文本按钮,js实现点击按钮复制文本功能
最近遇到一个需求,需要点击按钮,复制标签中的文本到剪切板之前做过复制输入框的内容,原以为差不多,结果发现根本行不通尝试了各种办法,最后使了个障眼法,实现了下面的效果一.原理分析浏览器提供了 ...
js实现点击按钮复制文本功能
最近遇到一个需求,需要点击按钮,复制 <p> 标签中的文本到剪切板之前做过复制输入框的内容,原以为差不多,结果发现根本行不通尝试了各种办法,最后使了个障眼法,实现了下面的效果一.原理 ...
html5点击复制文本框内容,js实现点击按钮复制文本功能
最近遇到一个需求,需要点击按钮,复制标签中的文本到剪切板之前做过复制输入框的内容,原以为差不多,结果发现根本行不通尝试了各种办法,最后使了个障眼法,实现了下面的效果一.原理分析浏览器提供了 ...
实现点击按钮复制文本内容
一.原生方法 1.结构 <li><span>运单号码:</span><b id="waybill_number">{$order-& ...
利用clipboardJs 点击按钮复制文本
官网:https://clipboardjs.com/ 1. npm install clipboard --save 2. 引入 import ClipboardJS from 'clipboar ...

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

实现点击按钮复制文本（Clipboard包）相关推荐

最新文章

热门文章