VUE3 Plus 给el-tree赋值问题

VUE3 我给el-tree赋值，为什么树型控件不重新加载新数据

<div class="page_content">
            "dataList1"
            node-key="id"            
            :props="defaultProps"
            @check-change="getChecked"
          />            
        div>


let dataList1 = reactive([]) 
        
        const searchList=()=>{
        system_type_parentListApi().then(res=>{
                if(res.data){
                    dataList1 = JSON.stringify(res.data.parentList)                    
                    console.log(dataList1,'2222222')               
                }
            })
        }
        const defaultProps = {
            children: "children",
            label: "label",
            selectedName: "",
        };
        searchList()
        console.log(dataList1)
      return {
        ... toRefs(data),
        searchList,
        dataList1,
        defaultProps   
             
      };
结果输出先输出初始值，如图

img

我想要先通过axios获取数据，再绑定到树型控件中

1、dataList1需要的是一个数组，你加了JSON.stringify给他转成字符串了啊
2、dataList1是一个数组，所以你不应该使用reactive，应该用ref，然后赋值的时候dataList1.value = res.data.parentList。或者继续使用reactive，但是格式要改成下面这样

const state = reactive({
  dataList1: []
})

// 取值赋值都是 state.dataList1
state.dataList1 = res.data.parentList