reactive 响应式赋值给element
因为不能想vue2那样使用 this了,现在用的const 和 let 又不能直接让接收 reactive函数返回变量改变指向;所以:方法很简单,修改变量的引用里的内容就可以,只要对象没有被冻结
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>