vue项目中实现剪切板的功能

1，使用vue-clipboard2
第一步：安装
npm install vue-clipboard2 --save
第二步引用：在需要使用剪切板功能的组件中引用

import VueClipboard from "vue-clipboard2";
Vue.use(VueClipboard);
import { Toast } from 'vant';

第三步实现：

<van-field v-model="address" center clearable>
          <van-button
            slot="button"
            size="small"
            v-clipboard:copy="address"
            v-clipboard:success="onCopy"
            v-clipboard:error="onErrors"
          >复制</van-button>
        </van-field>
        onCopy() {
      this.$toast.success("复制成功");
    },
    onErrors() {
      this.$toast.fail("复制失败");
    }