reactive 响应式赋值给element

const roleInfo = reactive({data: { xxx: 'ooo' }})
//使用ref
const roleInfo = ref({xxx: 'ooo'})

//更新时：
roleInfo.data = { xxx: 'aaa' }

//更新：
roleInfo.value = { xxx: 'aaa' }

实际应用

<template>
    <el-table :data="departmentDataList.dataList"
      row-key="deptId"
      border>
    </el-table>
</template>

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

// 准备表单数数据
const departmentDataList = reactive({dataList: []})

//部门树型列表
deptList({}).then(res => {
  // 将el-table的数据修改成接口返回的数据
  departmentDataList.dataList = res.data.data
}, err => {
  console.log('部门树型列表', err)
})
</script>