vue3 点击确定按钮如何复制盒子中的内容

你可以使用以下步骤来实现复制盒子中的内容：

1. 给确定按钮添加点击事件，可以使用`@click`指令来实现。

2. 在点击事件的处理函数中，获取盒子中的内容。可以使用`document.querySelector`方法获取对应的DOM元素，然后使用`innerText`属性获取文本内容。

3. 使用`navigator.clipboard.writeText()`方法将文本内容复制到剪贴板中。

以下是示例代码：

<template>
  <div ref="box">
    <!-- 盒子中的内容 -->
    Hello World!
  </div>
  <button @click="copyBoxContent">复制</button>
</template>

<script>
export default {
  methods: {
    copyBoxContent() {
      // 获取盒子中的内容
      const boxContent = this.$refs.box.innerText;

      // 复制到剪贴板中
      navigator.clipboard.writeText(boxContent);
    }
  }
}
</script>

注意：`navigator.clipboard.writeText()`方法需要在HTTPS协议下才能使用。