首页 > 其他 > 详细

vue 实现复制功能

时间:2021-02-25 11:38:42      阅读:24      评论:0      收藏:0      [点我收藏+]

一个网关项目,点击按钮,需要复制 随机32位的 key,在其他地方使用,以下:

    var input = document.createElement("input");   // js创建一个input输入框
    input.value = this.secretKey;  // 将需要复制的文本赋值到创建的input输入框中
    document.body.appendChild(input);    // 将输入框暂时创建到实例里面
    input.select();   // 选中输入框中的内容
    document.execCommand("Copy");   // 执行复制操作
    document.body.removeChild(input); // 最后删除实例中临时创建的input输入框,完成复制操作
    this.$message({
      type: ‘success‘,
      message:‘复制成功‘
   })

vue 实现复制功能

原文:https://www.cnblogs.com/mp-0518/p/14445561.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!