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="stringConvertion">Copy</button>

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

Answer 2

尝试一下：

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