vue-clipboard2 复制粘贴插件

深碍√TFBOYSˉ_ 2023-06-27 03:25 84阅读 0赞
  • npm https://www.npmjs.com/package/vue-clipboard2

使用方式

  1. npm i vue-clipboard2 -S
  2. import Vue from 'vue'
  3. import VueClipboard from 'vue-clipboard2'
  4. VueClipboard.config.autoSetContainer = true // add this line
  5. Vue.use(VueClipboard)
  6. <button type="button" v-clipboard:copy="message" v-clipboard:success="onCopy" v-clipboard:error="onError">
  7. </button>
  8. onCopy(e) {
  9. // 只能复制字符串
  10. this.$message.success('JSON数据复制成功,请自行转换。')
  11. },
  12. onError() {
  13. this.$message({ type: 'warning', message: '复制失败' })
  14. }

发表评论

表情:
评论列表 (有 0 条评论,84人围观)

还没有评论,来说两句吧...

相关阅读

    相关 xshell复制粘贴

    今天下午想把同学的python代码部署到我的远程服务器上,利用xshell在windows下进行远程连接时差点被复制粘贴搞疯。复制粘贴不就是Ctrl+C,Ctrl+V嘛,但是