vue实现复制粘贴功能

1、在template中编写如下代码 

(ps:input 不能设置disabled属性或者type类型为hidden值)

<el-input id="copydom" v-model.number="ruleForm.passport" :readonly="isDis" placeholder="请输入密码"></el-input>

<el-button type="success" @click="copyPassword">

                                复制密码

</el-button>


2、在script 的methods里加入如下方法:

copyPassword() {

            let dom = document.getElementById("copydom")

            dom.select();

            document.execCommand("Copy");

            this.$notify({

                message: "复制成功"

            });

 },

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。