美文网首页
vue 复制文本到浏览器

vue 复制文本到浏览器

作者: waiterYu | 来源:发表于2019-09-26 10:53 被阅读0次

html

<el-input placeholder="请输入内容" v-model="input" disabled class="input-with-select">
            <el-button slot="append" @click="copy">复制链接</el-button>
 </el-input>

js

 copy() {
           this.input 是所需要复制的内容
            let url = this.input
            let oInput = document.createElement('input')
            oInput.value = url
            document.body.appendChild(oInput)
            oInput.select() // 选择对象
            console.log(oInput.value)
            document.execCommand('Copy') // 执行浏览器复制命令
            this.$message({
                message: '已成功复制到剪切板',
                type: 'success'
            })
            oInput.remove()

        }

相关文章

网友评论

      本文标题:vue 复制文本到浏览器

      本文链接:https://www.haomeiwen.com/subject/lnmguctx.html