• 当前标签:复制

程序开发 Vue.js实现复制到粘帖板功能

插件官网:https://www.npmjs.com/package/vue-clipboard2 使用vue-clipboard2插件,首先安装插件: npm install --save vue-clipboard2 对于vue-cli用户: import Vue import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard) 对于独立使用: <script src="vue.min.js"></script> <!-- 必须在vue.js之后放置这一行 --> <script src="dist/vue-clipboard.min.js"></script> template <template id="demo">   <div class="container">     <input type="text" v-model="message">     <button type="button"      v-clipboard:copy="message"      v-clipboard:success="onCopy"      v-clipboard:error="onError">复制</button>   </div> </template> script <script> new Vue({   el: '#app',   template: '#demo',   data: function () {     return {       message: '啦啦啦,这是复制的内容!'     }   },   methods: {     onCopy: function (e) {       console.log('你刚刚复制: ' + e.text)     },     onError: function (e) {       console.log('无法复制文本!')     }   } }) </script>  

2018-05-29 14:42:06 75 0 0
阅读详情
  • 1
前往