vue3小程序+ts实现复制功能

template

<p>
    <text class="order-number">{{ orderNumber }}</text>
    <text @click="orderNumberCopyBtn">&nbsp;复制</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('复制成功');
    });
  }
}