100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > clipboard.js 实现移动端和pc端复制到剪贴板功能

clipboard.js 实现移动端和pc端复制到剪贴板功能

时间:2023-08-13 22:44:00

相关推荐

clipboard.js 实现移动端和pc端复制到剪贴板功能

感谢以下两个具有帮助性的博客:

/yunser/p/7628031.html

http://m./deeplies/article/details/77184933

在vue中使用clipboard.js 时候发现一个问题,就是如果 :data-clipboard-text= "wechat"使用这个属性的话在移动端就不生效,不知道为什么

<template><a href="javascript:;" @click="copyWx" :data-clipboard-text="wechat">复制微信</a></template>

只能写成这样,pc和移动端才都能支持,而且必须是button标签和input标签

<input id="foo" :value="invitorInfo.inviteUrl" type="text" v-show='false'><button class='btn' @click='copyWx' data-clipboard-action="cut" data-clipboard-target="#foo">点击</button>methods: {copyWx () {var clipboard = new Clipboard('.btn')clipboard.on('success', e => {alert('微信号已复制,请打开微信,点击右上角+号,选择添加朋友,粘贴搜索')// 释放内存clipboard.destroy()})clipboard.on('error', e => {// 不支持复制alert('浏览器不支持自动复制,请手动复制微信号')// 释放内存clipboard.destroy()})}},

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。