vue复制到剪切板功能（vue-clipboard2）

写在前面：为何会是vue-clipboard2???由于刚写的项目就用的这个啊，哈哈哈哈，我只好记下这个怎么用了，至于clipboard，用法几乎同样，只是写法不一样罢了vue

• 项目基础 vue+webpackwebpack

• 安装web

  npm i vue-clipboard2 --save-dev
  复制代码

• 在main.js中引入vue-cli

  import VueClipboard from 'vue-clipboard2';
  
  Vue.use(VueClipboard)
  复制代码

• 使用npm

  methods:{
      copyText(){   //this.clidata是要复制的动态数据
          this.$copyText(this.clidata).then(()=> {
              console.log("复制成功"+this.clidata)
          },()=> {
              console.log("复制失败了")
              }
          )}
      }
  复制代码

• 调用bash

  直接调用copyText()就好了ui

附项目代码，功能是表格文本双击便可复制到剪切板this

columns:[
    {
        titel:"编号",
        key:"sys_order_no",
        render: (h, params) => {
            return h(
              "span",
              {
                on: {
                  dblclick: () => {
                    this.clidata = params.row.sys_order_no;
                    this.clifun();
                  }
                }
              },
              params.row.sys_order_no
            );
          }
    }
  ]
 
 
复制代码