解决Vue3+element树形结构表格，子级无刷新

项目场景：因为数据量比较多，所以使用树形数据与懒加载，子级不涉及增删改就会参在问题。解决：首先创建一个maplet maps = ref(new Map());在展开回调时存进map里删除时分两种情况：1子级的数据大于1条那就直接调展开回调 2.仅剩一条这时如果老套路显然不对需要直接赋值【】，因为赋值空了页面会刷新刷新后这条数据就没。详细见代码不知道描述的是否清楚。...

我爱打工

3573人浏览 · 2022-03-01 17:57:14

我爱打工 · 2022-03-01 17:57:14 发布

项目场景：
因为数据量比较多，所以使用树形数据与懒加载，子级不涉及增删改就会参在问题。
解决：

首先创建一个map
let maps = ref(new Map());
在展开回调时存进map里
删除时分两种情况：1子级的数据大于1条那就直接调展开回调 2.仅剩一条这时如果老套路显然不对需要直接赋值【】，因为赋值空了页面会刷新刷新后这条数据就没。详细见代码不知道描述的是否清楚。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^