vue点击按钮怎么复制el-input里面的文本,当按下ctrl+v时粘贴该文本
时间: 2023-12-10 07:39:00 浏览: 150
你可以使用以下代码来实现这个功能:
HTML代码:
```html
<template>
<div>
<el-input v-model="inputValue"></el-input>
<el-button @click="copyText">复制文本</el-button>
</div>
</template>
```
JavaScript代码:
```js
<script>
export default {
data() {
return {
inputValue: ''
}
},
methods: {
copyText() {
// 创建一个input元素
const input = document.createElement('input')
// 将input元素添加到body中
document.body.appendChild(input)
// 设置input元素的value属性为el-input中的值
input.value = this.inputValue
// 选中input元素中的文本
input.select()
// 将选中的文本复制到剪切板中
document.execCommand('copy')
// 移除input元素
document.body.removeChild(input)
}
}
}
</script>
```
这样,当你点击复制文本按钮时,就会将 el-input 中的文本复制到剪贴板中。而当你按下 Ctrl + V 时,就会粘贴该文本。
阅读全文