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


猜你喜欢
- vue-router和react-router对比差异? 2023-10-08
- CSS3解决移动页面上点击链接触发色块的问题 2024-02-24
- 学习笔记(二)主要是一些HTML的标签学习 2023-10-27
- css高度塌陷问题的解决方案 2023-12-15
- 一篇文章让你看懂Js继承与原型链 2023-08-12
- Ajax 的初步实现(使用vscode+node.js+express框架) 2023-02-23
- 利用CSS制作3D动画 2022-11-20
- Bootstrap CSS组件之导航(nav) 2024-01-03
- AJAX实现无刷新检测用户名功能 2023-02-14
- 通达OA 使用Ajax和工作流插件实现根据人力资源系统数据增加OA账号(图文详解) 2023-01-26