在做项目的时候,碰到一个需求就是在复制当前产品的时候,复制的内容需要带上当前对应产品的保单号,感谢公司大佬的指导,很快就解决了这个问题;下面给上结构代码:
<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('产品名称和保单号复制成功')
},
就这样复制功能就做好啦