<div>
<q-input v-model="text"/>
<q-btn
class="btn"
@click.stop="handleCopyClick"
>复制
</q-btn>
</div>
1.使用navigator.clipboard复制字符串
注意:如果打包之后,必须需要https域名,才可以
const text = ref('Hello world')
const obj = {
name:'张三',
age:18,
sex:'男',
hobby:{
hobby1:'篮球',
hobby2:'足球',
hobby3:'羽毛球'
}
}
const handleCopyClick =() =>{
//复制字符串
navigator.clipboard.writeText(text.value);
//复制object
let copyText = JSON.stringify(obj, null, 4);
navigator.clipboard.writeText(copyText);
}
2.使用quasar 自带 copyToClipboard
import { copyToClipboard } from 'quasar'
const handleCopyClick =() =>{
copyToClipboard(text.value).then(()=>{
console.log('复制成功')
}).catch(()=>{
console.log('复制成功')
})
let copyText = JSON.stringify(obj, null, 4);
copyToClipboard(copyText).then(()=>{
console.log('复制成功')
}).catch(()=>{
console.log('复制成功')
})
}
3、使用copy-to-clipboard包
import copy from 'copy-to-clipboard';
const handleCopyClick =() =>{
copy(text.value);
}