当前位置:网站首页>js——實現點擊複制功能

js——實現點擊複制功能

2022-04-23 14:55:00 CaseyWei

選中複制

<template>
    <el-button type="primary" plain @click="onCopy">複制</el-button>
</template>

<script>
export default {
  methods:{
    onCopy(){
        document.execCommand("Copy"); // 執行瀏覽器複制命令
        this.$message({
          message: '複制成功',
          type: 'success'
        });
      }
  }
}
</script>

點擊複制

<template>
    <el-button type="primary" plain @click="onCopy">複制</el-button>
</template>

<script>
export default {
  methods:{
    onCopy(){
       const url = '我是要被複制的內容'
      let oInput = document.createElement('input')
      oInput.value = url
      document.body.appendChild(oInput)
      oInput.select() // 選擇對象;
      document.execCommand('Copy') // 執行瀏覽器複制命令
      this.$message({
        message: '複制成功',
        type: 'success'
      })
      oInput.remove()
  }
}
</script>

版权声明
本文为[CaseyWei]所创,转载请带上原文链接,感谢
https://yzsam.com/2022/04/202204231454092339.html