Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/385.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript vuejs2复制剪贴板问题_Javascript_Vue.js_Vuejs2_Clipboard.js - Fatal编程技术网

Javascript vuejs2复制剪贴板问题

Javascript vuejs2复制剪贴板问题,javascript,vue.js,vuejs2,clipboard.js,Javascript,Vue.js,Vuejs2,Clipboard.js,我试图在Vue.js中使用复制剪辑板功能,它对字符串工作正常,但当我有一个对象时,它无法正确复制。下面是示例代码 <button v-clipboard:copy="test">Copy</button> 但是当我给 data() { return { test: {name: 'abc'} } } 我正在将[object object]放进剪贴板{name:'abc'}尝试以下操作: <butto

我试图在Vue.js中使用复制剪辑板功能,它对字符串工作正常,但当我有一个对象时,它无法正确复制。下面是示例代码

<button v-clipboard:copy="test">Copy</button>
但是当我给

data() {
        return {
            test: {name: 'abc'}
        }
    }
我正在将
[object object]
放进剪贴板
{name:'abc'}

尝试以下操作:

<button v-clipboard:copy="JSON.stringify(test)">Copy</button>
复制
试试这种方法

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

  computed:{
   stringConvertion: function () {
    return JSON.stringify(test);
   }
  }
复制
计算:{
stringConvertion:函数(){
返回JSON.stringify(test);
}
}

我希望复制整个对象。如果它有多个属性,那么所有这些属性都可以。您可以尝试JSON.stringify测试,然后使用JSON.decode吗?
<button v-clipboard:copy="stringConvertion">Copy</button>

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