vue点击复制input框内容

首先要安装：cnpm install clipboard --save 

 

 

然后再main.js中：

import Clipboard from 'clipboard'; 

Vue.prototype.Clipboard=Clipboard;

 

 

 

html：

 

          <input v-show="shsw" v-model="center2" type="password" />

          <input v-show="shaw" v-model="center2" type="text" />

 

          <ul @click="copy1" id="copy_text1" :data-clipboard-text="this.center2">            :data-clipboard-text=" xxx "     为需要复制的内容                     

            <img src="@/assets/grzxzb/fz.png" alt="" />

          </ul>

 

 

 

然后在methods中：

 copy1() {

      var _this = this;

      var clipboard = new Clipboard("#copy_text1");

      console.log(111);

      clipboard.on("success", (e) => {

        alert("复制成功");

        // 释放内存

        clipboard.destroy();

      });

      clipboard.on("error", (e) => {

        // 不支持复制

        Message({

          message: "该浏览器不支持自动复制",

          type: "warning",

        });

        // 释放内存

        clipboard.destroy();

      });

    },