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

功能介绍：利用el-input中textarea实现内容转化之后可以直接点击按钮复制另一个文本框中的内容，下面web建站小编给大家简单介绍一下实现代码！

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("复制成功！");
},

Excel如何实现数据的复制粘贴

js语法如何修改textarea中的内容

vuejs如何实现复制粘贴功能

把textarea内容插入到div中不会换行

javaScript如何复制粘贴指定标签中的内容

标签： el-input, execCommand, textarea, 复制粘贴

上面是“vuejs实现el-input复制粘贴功能”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2853.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！