zoukankan      html  css  js  c++  java
  • Vue.JS实现复制到粘帖板功能

    安装Vue.js2绑定clipboard.js插件

    npm install --save vue-clipboard2

    用法:

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

    Demo:

    <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>
    new Vue({
      el: '#app',
      template: '#demo',
      data: function () {
        return {
          message: '啦啦啦,这是复制的内容!'
        }
      },
      methods: {
        onCopy: function (e) {
          console.log('你刚刚复制: ' + e.text)
        },
        onError: function (e) {
          console.log('无法复制文本!')
        }
      }
    })
    </script>
    我自横刀向天笑,哈哈哈哈哈哈哈!
  • 相关阅读:
    3-2 案例准备工作
    3-1 Git下载与安装
    3-1 案例环境初始化
    1-2+并发编程初体验
    Linux
    HTTP
    Linux
    HTML
    Linux 命令
    MySQL
  • 原文地址:https://www.cnblogs.com/yinian/p/9922237.html
Copyright © 2011-2022 走看看