功能介绍:利用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复制粘贴功能
基础教程推荐
猜你喜欢
- vuejs axios全局封装loading加载 2024-12-07
- html中的doctype是什么? 2024-12-13
- JavaScript中window.open用法实例详解 2024-02-10
- js保存当前路径(cookies记录) 2024-01-12
- vue3页面跳转的两种方式 2023-07-09
- javascript 按键事件(兼容各浏览器) 2023-12-14
- 不用数据库的多用户文件自由上传投票系统(1) 2024-02-07
- 前端从浏览器的渲染到性能优化 2022-11-16
- Ajax获取php返回json数据动态生成select下拉框的实例 2023-02-22
- 关于type=”file”的input框样式修改小结 2024-02-07
