uniapp 复制粘贴功能

按钮提示是 uview的组件

<u-button type="primary" shape="circle" text="复制连接" @click="copyConnection"></u-button>
<script>export default {data() {return {val: 'https://www.baidu.com/'}},onLoad() {},methods: {// 复制 粘贴copyConnection() {console.log(this.val)var _this = this;// #ifndef H5uni.getClipboardData({success: function(res) {console.log(res.data);}})uni.setClipboardData({data: _this.val,success: function() {_this.$refs.uToast.show({message: _this.val,type: 'success',duration: 2000})}})// #endif// #ifdef H5var textarea = document.createElement("textarea")textarea.value = _this.valtextarea.readOnly = "readOnly"document.body.appendChild(textarea)textarea.select()textarea.setSelectionRange(0, _this.val.length)document.execCommand("copy")textarea.remove()_this.$refs.uToast.show({message: _this.val,type: 'success',duration: 2000})// #endif}}}
</script>

uni-app复制插件兼容安卓、ios 和大部分小程序，使用方便，上手简单。

使用步骤

点击下载插件 uni-app 复制插件
引入插件

import uniCopy from '@/js_sdk/xb-copy/uni-copy.js'
/**  copy 是要复制的文本内容    tip  复制成功后的提示语
*/
export default function (copy, tips) {  uniCopy({content:copy,success:(res)=>{uni.showToast({title: tips,icon: 'none'})},error:(e)=>{uni.showToast({title: e,icon: 'none',})}})
}

注意事项

该插件只能在点击事件中生效，不能在异步和回调中生效。

uniapp 复制粘贴功能相关推荐

软件测试面试题-如何测试复制粘贴功能
复制粘贴是电脑最普遍的两个操作了,在面试的过程中,有学生被问到如何测试复制粘贴功能的时候,我个人觉得你可以这样去回答更多学习资源,公众号主页点击领取资料查看我评论区置顶首先,这道题目你甚至可以发 ...
js实现复制粘贴功能
在项目中使用到复制粘贴功能,虽然网上有很多大牛封装了很多的插件,但是还是想不去使用插件,就像自己来实现这个功能. 初步想法: 1. 获取到需要复制的内容,这里我可以将需要复制的内容放在input或者t ...
最新js实现复制粘贴功能实例
功能:实现鼠标点击复制内容描述:使用与手机网站.pc等端. 实现点击复制粘贴功能的代码实例: function common_copy(text){if(text.indexOf('-') !== ...
Windows下Ubuntu子系统，开启复制粘贴功能方法
Windows下Ubuntu子系统,开启复制粘贴功能方法问题我在Microsoft Store下载了Ubuntu后,进入系统发现复制粘贴不上去解决方法右键单击我们打开的Ubuntu终端顶部,下 ...
JS一键复制粘贴功能
使用clipboard.js 实现: 它是一个不需要Flash,就能实现文本复制或者剪切到剪切板的轻量级插件: 具体实例: 可以使用cdn 或者直接下载设置好引用路径. <!DOCTYPE h ...
js实现粘贴板js插件clipboard.js实现一键复制粘贴功能
js实现粘贴板js插件clipboard.js实现一键复制粘贴功能简介下载引入插件使用一个节点的复制多个节点的复制剪切文本框复制输入框简介 clipboard.js 提供了一种更好. ...
android textview 复制粘贴,android app 内实现文本复制粘贴功能
如果有一天我后悔了自己的决定,希望一切都还来得及. 在app内实现复制粘贴功能,主要分为两种情况.一种是点击按钮,复制指定的文本.一种是长按文本调用系统的复制功能. (一)主要用于复制一些序列号,邀请 ...
oracle policies失效,复制粘贴功能失效不能用怎么解决？复制粘贴不能用的图文处理方法...
使用电脑的用户是越来越多了,有用户遇到复制粘贴功能失效不能用的情况,点击右键复制某段文字时,右键菜单"粘贴"选项却是灰色的,不能复制.粘贴.系统复制粘贴功能失效不能用怎么办?下面, ...
打开Windows Powershell的属性选项，并开启复制粘贴功能
由于Windows Powershell中的快捷键Crtl+C是终止命令而非复制命令,因此复制粘贴功能缺失,以下介绍如何打开Windows Powershell的复制粘贴功能. 首先,以管理员身份运行 ...
vue element 表格内的复制粘贴功能
最近项目里面为了方便用户增加了复制粘贴功能来更方便的处理数据要求如下: 点击复制把此条的数据复制点击粘贴粘贴到最后一行复制粘贴按钮做个权限该出现的出现不该出现的消失 <el- ...

uniapp 复制粘贴功能

uniapp 复制粘贴功能相关推荐

最新文章

热门文章

uniapp 复制 粘贴功能

uniapp 复制 粘贴功能相关推荐

最新文章

热门文章

uniapp 复制粘贴功能

uniapp 复制粘贴功能相关推荐