Vue 复制内容到粘贴板

• 安装vue-clipboard2插件

npm install vue-clipboard2 --save

• main.js中注册

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

• 具体使用

<Button
    type="primary"
    v-clipboard:copy="sqlStr"
    v-clipboard:success="(type) => onCopyResult('success')"
    v-clipboard:error="(type) => onCopyResult('error')">复制到粘贴板
</Button>

<script>

export default {
    data() { 
        return {
            sqlStr: ''    // 要复制的目标字段
        }
    },
    methods: {
        onCopyResult(result) {
            // do something
        }
    }
}


</script>