title: vuejs2 copy clipboard issue
body: <p>I am trying to use <a href="https://alligator.io/vuejs/vue-clipboard-copy/" rel="nofollow noreferrer">https://alligator.io/vuejs/vue-clipboard-copy/</a> 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.</p>
  
  <pre><code>&lt;button v-clipboard:copy="test"&gt;Copy&lt;/button&gt;
  </code></pre>
  
  <p>if  <code>test</code> is a simple string then I am getting that string properly copied to clipboard as <code>abc</code> in this case.</p>
  
  <pre><code>data() {
          return {
              test: 'abc'
          }
      }
  </code></pre>
  
  <p>But when I give,</p>
  
  <pre><code>data() {
          return {
              test: {name: 'abc'}
          }
      }
  </code></pre>
  
  <p>I am getting <code>[object object]</code> into my clipboard instead <code>{name: 'abc'}</code></p>