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(‘复制成功!‘);
},

H5 移动端实现复制功能

上一篇:【Mac电脑新手技巧】苹果电脑如何更换用户头像?


下一篇:Android四大组件与进程启动的关系