功能介绍:利用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复制粘贴功能


基础教程推荐
猜你喜欢
- js如何判断用户是在PC端和还是移动端访问 2024-01-07
- javascript 调用其他页面的js函数或变量的脚本 2024-01-06
- vue语法中有哪些内置指令 2025-01-13
- 使用cookie实现统计访问者登陆次数 2024-02-12
- 防止重复发送Ajax请求的解决方案 2022-12-18
- CSS子元素跟父元素的高度一致的实现方法 2023-12-28
- CSS小技巧 导航中鼠标经过变换文字的实现代码 2023-12-28
- 基于jquery实现页面滚动到底自动加载数据的功能 2023-12-28
- JavaScript实现网页计算器功能 2023-12-20
- vue如何利用路由改变地址栏的参数 2025-01-14