- 安装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>