实现文字或者链接复制

最新推荐文章于 2023-01-16 16:00:00 发布

前端小码田

最新推荐文章于 2023-01-16 16:00:00 发布

阅读量260

点赞数

分类专栏： JavaScript 文章标签： javascript vue.js

本文链接：https://blog.csdn.net/qq_39285162/article/details/123895684

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<template>
 <div>
    <div @click.native="copyExamUrl">复制考试地址</div>    
    <input type="text" style="opacity: 0" id="copyInput" />
  </div>
</template>
<script>
export default {
  methods: {
    // 复制地址
    copyExamUrl() {
      const copyDom = document.querySelector('#copyInput')
      copyDom.value = 'https://baidu.com/' + 'login/' + '123'
      copyDom.select() // 选择对象
      document.execCommand('Copy')
      this.$message({
        message: '复制成功！',
        type: 'success'
      })
    },

  },
 
}
</script>