vue3使用<script setup>获取ref的值为什么是null?

• Z时代
• 2024-02-05
• 分类：IT

 <el-dialog ref="dialogEditMenuForm" draggable :title="editMenuFormTitle+'权限'"         append-to-body v-model="treeDialogShow" width="40%">
    <el-tree
        :data="tableDataMenus"
        ref="tableDataMenusRef"
        show-checkbox
        node-key="id"
        :default-checked-keys=cheackKeys
        :props="defaultProps"
        @check-change="treeChange"
      />
        <template #footer>
        <div class="dialog-footer">
          <el-button @click="treeDialogShow = false">取 消</el-button>
          <el-button type="primary" @click="treeEditMeny()">确 定</el-button>
        </div>
    </template>
  </el-dialog>
<script setup>
import { onMounted, ref } from "vue";
const tableDataMenusRef=(null)
onMounted(()=>{
setTimeout(()=>{
  console.log("ref",tableDataMenusRef.value);
},5000)
 ; 
})
</script>

回答：

const tableDataMenusRef=(null)写错了
该写成const tableDataMenusRef=ref(null)

以上是 vue3使用<script setup>获取ref的值为什么是null? 的全部内容， 来源链接： utcz.com/p/933025.html