pure-admin / vue-pure-admin

全面ESM+Vue3+Vite+Element-Plus+TypeScript编写的一款后台管理系统(兼容移动端)
https://pure-admin.github.io/vue-pure-admin
MIT License
16.08k stars 3.04k forks source link

addDialog中丢失响应式数据 #807

Closed jswangshuo closed 11 months ago

jswangshuo commented 11 months ago

描述问题 (Describe the problem)

addDialog中渲染的组件editForm 使用useWaringInform导出的响应式数据data data丢失响应式数据

使用场景 在useWaringInform统一定义了数据和处理逻辑 所有接口也都在这个hook函数中调用 所以导出了响应式数据data 在editForm中进行渲染 但是发现丢失了响应式

如何复现该问题 (How to reproduce the problem)

editForm `

`

useWaringInform 导出openDialog和data let data = ref([]); function openDialog(row?: any) { setTimeout(() => { data.value = [1, 2, 3]; console.log(data.value,'565') ElMessage.info("数据更新"); },2000); addDialog({ props: { row }, width: "30%", draggable: true, fullscreenIcon: true, closeOnClickModal: true, contentRenderer: () => h(editForm, { ref: formRef }), beforeSure: done => { formRef.value.getRef().validate(async data => { await warnNoticeApi.update(data); done(); getData(); ElMessage.success("编辑成功"); }); } }); }

image

操作系统和浏览器信息 (Operating system and browser information)

No response

验证 (Verify)

xiaoxian521 commented 11 months ago

那是你用法问题 多参考项目代码