vuejs实现el-input复制粘贴功能

功能介绍:利用el-inputtextarea实现内容转化之后可以直接点击按钮复制另一个文本框中的内容,下面编程教程网小编给大家简单介绍一下实现代码!

el-input代码

<el-input
  v-model="message"
  type="textarea"
  placeholder="结果输出……"
  id="copyText"
  eadonly
/>

实现代码如下:

copy() {
  let copyCon = document.getElementById("copyText");
  copyCon.select(); // 选中文本
  document.execCommand("copy"); // 执行浏览器复制命令
      this.$message.success("复制成功!");
},
以上是编程学习网小编为您介绍的“vuejs实现el-input复制粘贴功能”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。

本文标题为:vuejs实现el-input复制粘贴功能

基础教程推荐