template
<p>
<text class="order-number">{{ orderNumber }}</text>
<text @click="orderNumberCopyBtn"> 复制</text>
</p>
实现复制功能:
获取要复制的元素中的内容
再去判断不能为空
最后才可以完整实现复制功能
const orderNumber = ref<string>('');
function orderNumberCopyBtn() {
copyText.value = document.querySelector('.order-number span')?.innerHTML;
if (copyText.value !== undefined) {
navigator.clipboard.writeText(copyText.value).then(() => {
console.log('复制成功');
});
}
}