复制当前选中项的某个变量

在做项目的时候,碰到一个需求就是在复制当前产品的时候,复制的内容需要带上当前对应产品的保单号,感谢公司大佬的指导,很快就解决了这个问题;下面给上结构代码:

<template v-slot:productName="scope">
<div class="">
   <i class="el-icon-document-copy" @click="copy(scope.row)"></i>
    <span class="one-row">{{scope.row.productName}}</span>
    </div>
</template>

给出点击对应的粘贴图标的复制事件逻辑代码

// 复制产品名称和保单号
copy(item) {
    const text = item.productName + item.policyNo
    let oInput
    if (document.getElementById('copyInput')) {
        oInput = document.getElementById('copyInput')
    }
    else {
        oInput = document.createElement('input')
    }
    oInput.value = text
    oInput.id = 'copyInput'
    oInput.className = 'copy-input'
    document.body.appendChild(oInput)
    oInput.select() // 选择对象;
    document.execCommand('Copy') // 执行浏览器复制命令
    this.$message.success('产品名称和保单号复制成功')
},

就这样复制功能就做好啦

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值