td class=col2 a-checkbox v-modelchecked=advicethree span建议遗传科咨询span tdvue3中当a-checkbox被选中后如何获取《span》内的字符串用《script setup》解决

在Vue 3中，可以使用ref来创建一个响应式的引用，在<script setup>中直接访问ref的值。可以将advice.three包装在ref中，并通过ref.value来获取其值。

下面是一个示例代码：

<template>
  <td class="col2">
    <a-checkbox v-model:checked="advice.three"/>
    <span ref="spanRef">建议遗传科咨询</span>
  </td>
</template>

<script setup>
import { ref } from 'vue'

const advice = ref({
  three: false
})

const spanRef = ref(null)

console.log(spanRef.value.innerText) // 输出 "建议遗传科咨询"
</script>

在上面的代码中，我们创建了一个名为spanRef的ref，并在<span>标签上添加了ref="spanRef"来将其绑定到该ref。然后，通过spanRef.value.innerText来获取<span>元素内的文本内容