H5 移动端实现复制功能

Template:

<el-button class="btn-close" round type="primary" @click="copyClick">生成并复制</el-button>

methods: 

// 新增一个input标签,设置其value为复制的内容,再使用execCommand()方法实现复制功能
copyClick () {
  const input = document.createElement('input')
  document.body.appendChild(input)
   input.setAttribute('value',’要复制的内容‘)
  input.select()
  if (document.execCommand('copy')) {
    document.execCommand('copy')
  }
  document.body.removeChild(input);
  console.log('复制成功!');
},

猜你喜欢

转载自www.cnblogs.com/qianxuebing/p/12370784.html