JS复制内容到剪贴板(vue)

MDN地址,里面有参数和命令:https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand

链接:<input size="mini" :value="item.downloadLink" :id="item.id"/>
     <el-button size="mini" type="primary" @click="copyUrl(item)">复制链接</el-button>



methods:{
   // 复制网址
    copyUrl(ele){
        //ele.id为我定义的变量id,获取input节点
        let inputText = document.getElementById(ele.id);
        let currentFocus = document.activeElement;
        inputText.focus();
        inputText.setSelectionRange(0, inputText.value.length);
        //复制步骤,copy为浏览器命令
        if(document.execCommand('copy', true)){
            this.$message({
                type:'success',
                message:'已成功复制到剪贴板'
            })
        }
        currentFocus.focus();
    },
}

 

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值