vuejs2 copy clipboard issue

Question

I am trying to use https://alligator.io/vuejs/vue-clipboard-copy/ for copy clip board feature in Vue.js, it is working fine for string but when I have an object, it is not copying properly. Below is the sample code.

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

if test is a simple string then I am getting that string properly copied to clipboard as abc in this case.

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

But when I give,

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

I am getting [object object] into my clipboard instead {name: 'abc'}

I want the entire object to be copied. If it has multiple properties, all those properties too. — Madasu K, Apr 09 '19 at 08:52
Can you try *JSON.stringify* test and then when you use *JSON.decode* ? — Binit Ghetiya, Apr 09 '19 at 09:08

score 3 · Answer 1 · answered Apr 09 '19 at 09:08

3

Try this way

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

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

answered Apr 09 '19 at 09:08

Tony Tom

1,435
1
10
17

score 1 · Accepted Answer · answered Apr 09 '19 at 09:02

1

Try this:

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

answered Apr 09 '19 at 09:02

Sajib Khan

22,878
9
63
73

vuejs2 copy clipboard issue

2 Answers2

Linked