vue 简单copy功能实现

2021-03-10  本文已影响0人  小娜同学
功能效果

记录自己平时遇到的小功能呢过。首页我们要实现效果图中的功能,不用使用插件就可以实现的下过,直接上图

需要粘贴代码,自行复制

```

methods:{

  copyThat(data){

    let url= data;

    let oInput= document.createElement('input');

    oInput.value= url;

    document.body.appendChild(oInput);

    oInput.select(); // 选择对象;

    console.log(oInput.value)

    document.execCommand("Copy"); // 执行浏览器复制命令

    this.$Message.success("复制成功!");

    oInput.remove()

  }

}

```

上一篇 下一篇

猜你喜欢

热点阅读