钉钉内部实现复制粘贴功能

2023年11月25日发(作者：)

钉钉内部实现复制粘贴功能

上⼀章遗留问题钉钉端内部跳转到外部链接，⽆法正常返回的问题，如果遇到跳转的页⾯需要登录才能进⼊的⽹址，就会

陷⼊死循环永远也⽆法退出，只能关闭应⽤重新进⼊。

处理办法：转换思路，给url字段重新加上复制粘贴的按钮，让⽤户⾃⼰复制之后粘贴到浏览器中进⾏访问，虽然⽤户体

验不太好，⽬前为⽌只能这么解决。

复制粘贴的三种实现⽅式：

#利⽤vue中的粘贴板功能，点击按钮后进⾏复制

#⾸先安装Clipboard的复制版，npm install --save clipboard

#然后在页⾯中引⼊import Clipboard from 'clipboard'

{{formatValue(basic)}}

plain

v-if=''

class='tag-read'

@click="copyUrl()">复制链接

#在methods中

copyUrl (data) {

var Url = data

var clipboard = new Clipboard('.tag-read', {

#第⼆种⽅法利⽤js实现复制功能

{{formatValue(basic)}}

plain

v-if=''

@click="copyUrl()">复制链接

copyUrl(data){

let url = data;

let oInput = Element('input');

= url;

Child(oInput);

(); // 选择对象;

()

mmand("Copy"); // 执⾏浏览器复制命令

this.$message({

message: '已成功复制到剪切板',

type: 'success'