Javascript vuejs2复制剪贴板问题
我试图在Vue.js中使用复制剪辑板功能,它对字符串工作正常,但当我有一个对象时,它无法正确复制。下面是示例代码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
<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);
}
}