vue.js 绑定web_一个简单的vue2绑定到剪贴板.js

vue.js 绑定web

vue-clipboard2 (vue-clipboard2)

A simple vuejs 2 binding for clipboard.js

一个用于剪贴板.js的简单vuejs 2绑定

View demo 查看演示 Download Source 下载源

安装 (Install)

npm install --save vue-clipboard2 or use dist/vue-clipboard.min.js without webpack

npm install --save vue-clipboard2或在没有webpack的情况下使用dist/vue-clipboard.min.js

用法 (Usage)

For vue-cli user:

对于vue-cli用户：

import Vue
import VueClipboard from 'vue-clipboard2'

Vue.use(VueClipboard)

For standalone usage:

对于独立使用：

<script src="vue.min.js"></script>
<!-- must place this line after vue.js -->
<script src="dist/vue-clipboard.min.js"></script>

样品 (Sample)

<div id="app"></div>

<template id="t">
  <div class="container">
    <input type="text" v-model="message">
    <button type="button"
      v-clipboard:copy="message"
      v-clipboard:success="onCopy"
      v-clipboard:error="onError">Copy!</button>
  </div>
</template>

<script>
new Vue({
  el: '#app',
  template: '#t',
  data: function () {
    return {
      message: 'Copy These Text'
    }
  },
  methods: {
    onCopy: function (e) {
      alert('You just copied: ' + e.text)
    },
    onError: function (e) {
      alert('Failed to copy texts')
    }
  }
})
</script>

翻译自: https://vuejsexamples.com/a-simple-vue2-binding-to-clipboard-js/

vue.js 绑定web