js复制粘贴

html

 <span>
        支付宝账号：
        <textarea id="code">15879521147</textarea>
 </span>
 <span @click="copy">复制</span>

js

 copy() {
      var code = document.getElementById("code");
      code.select(); // 选中文本code
      document.execCommand("copy"); // 执行浏览器复制命令
      alert("复制成功");
    }

css

textarea {
      color: #333333;
      height: 35px;
      border: none;
      outline: none;
      resize: none;
      background-color: transparent;
      width: 120px;
      vertical-align: bottom;
    }

bug：对input和textarea有效,只能使用一次

新方法

	 npm install --save vue-clipboard2

      main.js引入
      import VueClipboard from 'vue-clipboard2'
      Vue.use(VueClipboard)



      <input type="text" id="share" v-model="share" class="hide">
      <button
        v-clipboard:copy="share"       //复制的内容
        v-clipboard:success="onCopy"    // 复制成功的回调
        v-clipboard:error="onError"
      >复制分享链接</button>


   // 点击复制分享链接
    onCopy(e) {
      this.$toast("复制成功");
    },
    onError(e) {
      this.$toast("复制失败");
    }

来源：CSDN

作者：小曲曲

链接：https://blog.csdn.net/weixin_43848576/article/details/89478886