美文网首页
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