vue如何实现复制功能

前言:

        在vue中实现复制功能。

方法:

1、页面


点击我可以复制:{{ msg }}

2、方法,只需要修改this.msg  字段就可以了

copyText() {
      let inputDom = document.createElement('textarea') // js创建一个文本框
      document.body.appendChild(inputDom) //将文本框暂时创建到实例里面
      inputDom.value = this.msg //将需要复制的内容赋值到创建的文本框中
      inputDom.select() //选中文本框中的内容
      inputDom.focus()
      document.execCommand('copy') //执行复制操作
      document.body.removeChild(inputDom) //最后移出
      this.$message.success('复制成功')
    },

你可能感兴趣的:(vue.js,javascript,前端)