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>