vuejs2复制剪贴板问题

Question

我正在尝试将 https://alligator.io/vuejs/vue-clipboard-copy/ 用于 Vue.js 中的复制剪贴板功能，它对字符串工作正常，但是当我有一个对象时，它无法正确复制。下面是示例代码。

<button v-clipboard:copy="test">Copy</button>

如果 test 是一个简单的字符串，那么我将该字符串正确地复制到剪贴板，在这种情况下为 abc。

data() {
        return {
            test: 'abc'
        }
    }

但是当我给予时，

data() {
        return {
            test: {name: 'abc'}
        }
    }

我正在 [object object] 进入我的剪贴板而不是 {name: 'abc'}

Answer 1

试试这个：

<button v-clipboard:copy="JSON.stringify(test)">Copy</button>

Answer 2

试试这个方法

<button v-clipboard:copy="stringConvertion">Copy</button>

  computed:{
   stringConvertion: function () {
    return JSON.stringify(test);
   }
  }

vuejs2 copy clipboard issue