位置:首页 > Vue >

vue点击复制指定内容

字号+ 作者:micloud 来源:www.seoalphas.com 2022-09-22 14:50 浏览量:2694

原理比较简单,直接贴出来代码:

//复制操作
copyUrl(data) {
  let oInput = document.createElement('input')
    oInput.value = data
    document.body.appendChild(oInput)
    oInput.select() // 选择对象
    document.execCommand("Copy") // 执行浏览器复制命令
    this.$message({
         message: '复制成功',
         type: 'success'
    })              
  oInput.remove()
},

  上面代码中,参数data即为待复制的内容,其实就是js相关语法的应用。

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • vue点击事件@click.stop(阻止冒泡).native

    vue点击事件@click.stop(阻止冒泡).native

    浏览次数:9586

  • Vue+Element UI Radio默认选中问题 selected

    Vue+Element UI Radio默认选中问题 selected

    浏览次数:8376

  • 基于Vue快速实现列表拖拽排序

    基于Vue快速实现列表拖拽排序

    浏览次数:3467

  • vue Element的Dialog组件中使用wangEditor初始化问题

    vue Element的Dialog组件中使用wangEditor初始化问题

    浏览次数:3373

网友点评
评论区域