VUE＋JS document.execCommand(‘Copy‘)带你实现点击按钮复制文本链接

最新推荐文章于 2024-03-29 23:47:14 发布

Emma_whm27

最新推荐文章于 2024-03-29 23:47:14 发布

阅读量495

点赞数

分类专栏： vue JS

本文链接：https://blog.csdn.net/min_Jun0919/article/details/109098169

版权

js javascript vue

vue 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

4 篇文章 0 订阅

订阅专栏

<template>
  <div>
    <div @click="copy('https://www.baidu.com')">点击复制</div>
  </div>
</template>

<script>
export default {
  name: 'search',
  data () {
    return {}
  },
  methods: {
    copy (content) {
      let inp = document.createElement('input')
      inp.value = content
      document.body.appendChild(inp)
      inp.select() // 选择对象;
      console.log(inp.value, '复制到的内容')
      document.execCommand('Copy') // 执行浏览器复制命令
      this.$message.success('复制成功')
      inp.remove()
    }
  }
}
</script>