功能介绍:利用el-input
中textarea
实现内容转化之后可以直接点击按钮复制另一个文本框中的内容,下面编程教程网小编给大家简单介绍一下实现代码!
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复制粘贴功能
基础教程推荐
猜你喜欢
- 使用AJAX(包含正则表达式)验证用户登录的步骤 2023-02-23
- JS 中LocalStorage和SessionStorage的使用 2024-04-16
- 浅析location.href跨窗口调用函数 2024-02-10
- 锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇) 2024-04-07
- springmvc 发送ajax出现中文乱码的解决方法汇总 2022-12-15
- vue 手机物理监听键+退出提示代码 2024-01-04
- URL地址中的#符号使用说明 2024-02-08
- 基于jquery实现页面滚动到底自动加载数据的功能 2024-01-21
- 全屏js头像上传插件源码高清版 2024-01-05
- overflow:hidden line-height clearfix:after使用方法介绍 2024-03-09