vue使用vue-clipboard2实现复制功能遇到的问题
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
vue使用vue-clipboard2实现复制功能遇到的问题
今天遇到一个功能点需要点击table获取id再通过id获取url,然后复制这个url,然后尝试了各种方法都没有实现。第一个似的就是安装vue-clipboard2,但是搜到的都是很相似的的文章,但是自己试了完全没效果。
好在去了官方文档看了https://www.npmjs.com/package/vue-clipboard2
总算知道没效果的原因了
翻译:
是的,您可以使用我们的新方法:this.$copyText。请参见sample2,在这里我们将剪贴板指令替换为v-on指令。
现代浏览器有一些限制,比如不能在没有用户交互的情况下使用window.open。所以复制东西也有同样的限制!在使用之前先测试一下。确保没有在任何异步方法中使用此方法。
在使用此功能之前,请先阅读:本期和本页。
emmm所以说不能在异步方法中使用这个方法,总算找到原因了,但是没找到解决方法。
解决办法:
就是用ajax原生的异步
copyFun(id) {
$.ajaxSettings.async = false
let that = this
$.get(url, {}, function(result) {
// 请求处理
that.$copyText(result.url).then(function(e) {
that.$message({
type: 'success',
message: '已复制'
})
}, function(e) {
that.$message({
type: 'warning',
message: '复制失败'
})
})
}, 'json')
},
GitHub 加速计划 / vu / vue
207.53 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:1 个月前 )
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 3 个月前
e428d891
Updated Browser Compatibility reference. The previous currently returns HTTP 404. 4 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)