Vue3中使用ref获取a-checkbox选中后的span文本

<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>