vue 多好文本.._Vue2.0指令将文本复制或剪切到剪贴板

vue 多好文本..

Vue剪贴板 (vue-clipboard)

Vue2.0 directive to copy or cut text to clipboard.

Vue2.0指令可将文本复制或剪切到剪贴板。

View demo 查看演示 Download Source 下载源

安装 (Install)

$ npm install vue-clipboards

用法 (Usage)

import VueClipboards from 'vue-clipboards';

Vue.use(VueClipboards);

new Vue({
    data() {
        return {
            copyData: 'copy data'
        }
    }
});

Copy

事件 (Event)

Copy

import VueClipboards from 'vue-clipboards';

Vue.use(VueClipboards);

new Vue({
    data() {
        return {
            copyData: 'copy data'
        }
    },
    methods: {
        handleSuccess(e) {
            console.log(e);
        },
        handleError(e) {
            console.log(e);
        },
    }
});

发展历程 (Development)

• yarn dev: Run example in development mode

  yarn dev ：在开发模式下运行示例

• yarn deploy: Deploy example to gh-pages

  yarn deploy ：将示例部署到gh-pages

• yarn build: Build component in umd & es format

  yarn build ：以umd＆es格式构建组件

• yarn watch: Build component in umd & es format with watch mode

  yarn watch ：使用监视模式以umd＆es格式构建组件

翻译自: https://vuejsexamples.com/vue2-0-directive-to-copy-or-cut-text-to-clipboard/

vue 多好文本..