美文网首页
vue实现复制粘贴功能

vue实现复制粘贴功能

作者: 卖手机的程序猿 | 来源:发表于2020-09-28 11:16 被阅读0次

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: "复制成功"

            });

 },

相关文章

网友评论

      本文标题:vue实现复制粘贴功能

      本文链接:https://www.haomeiwen.com/subject/nnlduktx.html