- 博客(7)
- 收藏
- 关注
RSS订阅原创 ant design vue 1.7.8版本-动态表单（二）-多层嵌套
跟单层嵌套循环的区别是，多层嵌套在删除后，不仅要把没被删除的父节点的数据赋值，还要把没被删除的子元素的数据赋值，形成新的Object类型键值对的数据，再通过form的setFieldsValue重新赋值给form。2. 判断是2个短杠，要判断前面第一个短杠后面的数字跟父节点的Index比较, 如果相等，表示操作的是这个父节点下的数据，处理下index, 把新的处理的后的键，赋值。3. 判断是2个短杠，但跟父节点的index不相等，说明不是操作的这个父元素下的子节点，也不需要动，直接赋值。
2024-07-03 13:53:16
795
2
原创 ant design vue 1.7.8版本实现动态表单（一）-单层循环
背景：老版本的动态表单，官网给出的示例非常简单，完全按照官网写是不符合需求的，后面通过查阅博客，分析，最后实现了，下面给出方案。1. 由于老版本通过v-decorator进行双向绑定，还有校验的，所以，我们主要保证v-decorator绑定的变量是唯一的。modelType.signalType是定义的一个字符串，后面拼了Index，是为了保证唯一的。5. 数据回显就是把后端返回的数组对象，改成上面第4点的object键值对的形式的数据即可。3. 添加方法，给添加的按钮一个addSignal的方法即可。
2024-07-02 18:18:27
354
原创 vue中ref与reactive的区别
reactive本身就是一个对象，可以定义复杂类型，比如数组和对象；ref 会返回一个基于该值的响应式对象Ref, 该对象中的值一旦发生改变，就会被跟踪到；reactive是通过Proxy代理实现响应式，再通过Reflect操作源对象中的数据，所以可以监听添加删除的属性，以及数组的添加或删除，所以性能比较好一些，因为不需要对每一个数据进行深度监听。ref， 系统会把传入的值ref(xxx)，转化为reactive({value: xx}), 实际上可以理解成是reactive的二次封装。
2024-03-19 16:15:56
337
1
原创 前端-如何判断一个对象为空
这时候obj不是一个空对象，以上4种的返回结果仍然是true, 这时候判断就不太严谨了;此时我们定义一个const obj = {} ，返回结果都是正确的，都是true;但是有一种symbol类型是判断不出来的。以下方案会把Symbol的情况会被判断出来。平时我们常用一下4种方式判断。
2024-01-20 16:47:17
616
原创 el-autocomplete 修复再次搜索会显示上次搜索记录问题
平时使用时，没太注意这个组件的问题，直到，有一个需求要求做级联，也就是，先选类型，再根据类型模糊搜索合作集团，当切换了类型后，合作集团带入了上一次级联出的结果。如果用户不知道这个要重新搜索，很容易选错，导致数据关联错误。1. 给组件添加blur离焦事件，2. 给组件添加ref。可以参照截图，我使用的是vue3，vue2道理都是一样的。3. 清空上次搜索记录。
2024-01-15 16:03:41
598
原创 vue3 el-form校验（1.循环多个el-form）
另一种只有一个el-form，且是一个对象，但目前都不满足需求。一种是外层只有一个el-form，对象里面包括数组。el-form是循环出来的，model的值是循环的对象.model的值是循环的对象. 同时定义rules。背景：官网上实现的方式，有2种。4. 定义ref变量为数组。2. ref是循环的变量。3. 定义校验规则。
2023-09-15 14:19:12
2962
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人