js——实现点击复制功能
选中复制
<template>
<el-button type="primary" plain @click="onCopy">复制</el-button>
</template>
<script>
export default {
methods:{
onCopy(){
document.execCommand("Copy"); // 执行浏览器复制命令
this.$message({
message: 复制成功,
type: success
});
}
}
}
</script>
点击复制
<template>
<el-button type="primary" plain @click="onCopy">复制</el-button>
</template>
<script>
export default {
methods:{
onCopy(){
const url = 我是要被复制的内容
let oInput = document.createElement(input)
oInput.value = url
document.body.appendChild(oInput)
oInput.select() // 选择对象;
document.execCommand(Copy) // 执行浏览器复制命令
this.$message({
message: 复制成功,
type: success
})
oInput.remove()
}
}
</script>
