[Vue warn]:vue-Failed to resolve directive: clipboard

前言

　　需求：移动端需要一个按钮，复制到剪切板，分享给好友（没有调用微信内置的分享接口）

插件

　　vue-clipboard2

　　环境：vue，node

　　安装：npm install --save vue-clipboard2

简单实例

　　引用：

　　　　import VueClipboard from 'vue-clipboard2'
　　　　import Vue from 'vue'
　　　　Vue.use(VueClipboard)  //必须这样子引用 否则会报错的

　代码

 <template>
 <div class='AT-next-btn' style="margin-top:1rem;color：#fff" v-clipboard:copy="message"  v-clipboard:success="onCopy" v-clipboard:error="onError">
               复制链接
    </div>
 </template>

 <script>

 import VueClipboard from 'vue-clipboard2'
 import Vue from 'vue'
 Vue.use(VueClipboard)

 export default {
   data(){
       return {
         message:''你复制的内容‘’
       }
   },
   methods:{
     onCopy: function (e) {
         alert('复制成功，快分享给你的小伙伴吧')
     },
     onError: function (e) {
       alert('复制失败')
     }
   }
 }
 </script>

bug:

　　刚开始引用的时候 没有引用 Vue.use(VueClipboard)

　　报错：Failed to resolve directive: clipboard