- 博客(6)
- 收藏
- 关注
RSS订阅原创 ant design react form表单如何监听setFieldsValue
前言antd封装的很好 一般表单已经不需要我们去设定state和onChange来手动双向绑定了利用FormInstance.setFieldsValue()和FormInstance.getFiedldsValue()即可很方便的实现数据存取本文在不使用额外的状态(state)情况下监听setFieldsValue导致表单数据的变化.ant design的文档：我们监听setFieldsValue需要改写一下FormInstance实例上的函数import React
2022-04-16 22:11:02
4880
4
原创 react中实现vue computed的set功能
react中函数式组件 可以用useMemo 模拟vue的computed的get属性 当需要用到set属性的时候 需要对该hooks进行扩展下面自定义hooks useComputed首先说明vue和react的状态区别在于 vue 用了proxy劫持数据也就是说我们vue的computed里面可以 直接对data数据操作即可完成set数据例如export default { data: () => ({ msg: '我是蔡徐坤' }),.
2021-12-27 14:28:07
507
原创 Vue中使用自定义指令实现防抖节流
个人在vue中使用防抖中一般会绑定vm实例做定时器的绑定对象,大家也可以根据自己的实际需求修改防抖节流的函数//'@/utils/debounce.js' 文件function throttle(bindObj, fn, delay) { bindObj.$$prevTime = Date.now() return function(...args) { const nowTime = Date.now() if(nowTime - bindObj.$$prevTime >
2021-08-22 21:14:43
673
1
原创 react中组件复用时遇到的变量互相影响的bug
假如有这样的需求：一个父组件 循环出4个子组件。每一个子组件有初始变量比较复杂 这里用inputVal模拟该情况并且不需要该变量(inputVal)实时响应式更新,因此我们没有把他设置成状态(没有使用useState)然后需要我们在组件挂载时候将inputVal的值赋值给input输入框当我们改变input输入框的时候会改变inputVal变量的值(从dom到数据的单项绑定)然后我们获取当前C组件的inputVal值代码如下//父组件import React ...
2021-08-19 22:00:09
1685
原创 Vue自定义指令完成白屏loading加载需求
需求背景: 项目中图片资源过大，项目部署后压缩后首次加载也需要较长时间。这时候我们可以在该页面的mounted钩子中添加一个白屏覆盖住页面,然后添加loading，然后监听到所有图片加载完成后把白屏和loading去除。用较低的带宽模拟此时我们可以利用图片的onload 函数来判断当前图片是否加载完全 在vue的mounted钩子中对当前组件内所有的图片添加onloadexport default { name: 'cxk', computed: {...
2021-08-19 20:55:35
1230
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人