- 博客(170)
- 资源 (3)
- 问答 (1)
- 收藏
- 关注
原创 微信公众号验签过程详解--前端和后端的操作
weixin-jsapi微信公众号验签公众号验签微信公众号验签前端weixin-jssdk公众号验签过程
2020-07-08 20:47:06 1819
原创 uni.request的封装async/await
uni.request封装uni.request用async、await封装uni.request
2020-04-27 13:03:50 3923
原创 vue影院在线选座--可拖拽、缩放--A/B/C三级座位
以前练习写项目的时候,写过一个影院的在线选座页面,也看了很多插件和别人写的,大部分是移动端,类似于美团电影那种选座,页面可以放大,缩小,拖拽,我写的是PC端的,看看效果:再放一张原图,看得清楚:说一下实现思路:1,影院座位的渲染分为三个等级,以及空白地方该怎么渲染2,左下角那个小工具栏,选择某个等级时,这个等级的座位全加上阴影凸显,取消则取消阴影,反复如此3,点击某个座位时,座位图片...
2020-01-07 11:01:48 15921 3
原创 将Echarts的数据视图展示为table并且导出Excel
Echarts官网示例,用过Echarts的小伙伴都知道,它带有自己很多原生功能,比如简单举例:想要详细了解可以去官网看配置项,今天主要说一下图中蓝色框的‘数据视图’这个功能,如下是官网上这个功能按钮所展示的数据视图:现在项目有需求,就是客户既要看到这个折线图,又要看到数据展示,当然这个已经实现展示了,只不过没有样式,要求是整齐的table表格,而且还能导出这个table。当然方式很多,...
2019-12-23 10:29:31 8714 11
原创 vue2.0+Element-ui导出table为Excel
vue+element导出excelelement导出表格为excelvue+element导出table
2019-12-20 15:29:50 391
原创 umi使用plugin-request进行请求的全局配置
requestInterceptorsresponseInterceptorsrequestumi-request
2021-10-08 16:04:38 4921
原创 umi中使用plugin-initial-state插件(initialState)
getInitialStateinitialStateuseModel
2021-10-08 11:49:47 11461
原创 前端将页面table或数据导出为Excel(.xlsx)&&导入Excel为json数组
前端将页面table或数据导出为Excel(.xlsx)导出.xlsx
2021-09-03 11:05:22 412 1
原创 Antd表单项根据后端返回字段显示错误的校验提示语
其实这就是官方的一个方法:setFields举例:// res.Data 是后端返回的一组不符合校验逻辑的数据res.Data.forEach((q,w) => { this.formRef.current.setFields([{name: q.name, errors: q.errorMsg}]) // name就是form.item的name,errors就是你要显示的不符合校验的提示语});...
2021-05-14 17:38:58 2257
原创 react+Antd表单用Form.Item互相校验
表单中有两项:手机号和邮箱号,初始化都是必填,如果填了其中一项,则另一项为非必填,而且两项都各自有自己的rules校验规则,举例:在填了手机号后,邮箱号为非必填,但是又清空了手机号,去填邮箱号,这时两项又都为必填项,这时你要清掉手机号的错误提示。需求大概如上,实现第一步,其中一个填了之后另一个为非必填,两个都清空了则都为必填,实现第二步,当前项change后,清掉另一个的错误提示:const [mobileRequired, setmobileRequired] = useState(true)c.
2021-05-14 17:32:26 2699
原创 Antd Form.Item相互嵌套,里层的值修改最外层的值
标题可能有点拗口,意思是这样:<Form.Item name='total_list'> <ChildrenCom /></Form.Item>function InputGroup({ onChange }){ // 注意:这个参数onChange是接收的name='total_list'的onChange事件 const handleChange(e, index) => { onChange(44444) //
2021-05-14 16:55:22 2108 3
原创 react使用qrcode.react生成扫描二维码
需求:在pc端可以根据当前环境(开发、生产等等)生成对应的二维码,手机扫码跳转至指定页面。查了一圈,发现qrcode.react这个组件用的人最多,看了一下官网说明:var React = require('react');var QRCode = require('qrcode.react');React.render( <QRCode value="http://facebook.github.io/react/" />, mountNode);用法也超级简单,配.
2021-05-14 11:08:50 2591 1
转载 react跨组件传递数据(React.createContext以及useContext)
哇,学如逆水行舟呀,本来写项目一直用react全家桶,像数据传递这种,不是用公共状态管理dva管理,就是用父子组件那种props传递,但是契机到了,就用到了这个React.createContext,然后发现一篇说的特别清楚的大佬,就是这篇:使用createContext进行跨组件间数据传递方法首先需要在父组件中定义一个容器和需要传递的默认值,然后通过Provider(生产者,简单来说就是定义数据的东西),定义共享的数据,然后通过Consumer(消费者,就是子组件或孙子组件来使用),具体实现代码如下
2021-03-18 15:08:58 1336
原创 Antd输入框失去焦点后请求接口根据返回值校验
标题可能描述的不是很清楚,意思是:我的输入框在失去焦点的时候,既要校验非空和特殊字符,还要请求接口根据返回值校验是否通过:就校验这些:至此已经可以成功校验了,但是控制台会报一句错,虽然它不影响校验:都知道是callback已经弃用了,但是在接口里面不能return Promise.reject()或者resove,所以只能将callbanck传入使用。路过大神求指教~...
2021-03-02 17:55:48 2315
原创 react调用model层的接口(dispatch)在组件中获取接口返回状态
react中调用model层的接口在组件中获取接口返回字段react调用model层的接口然后在组建中获取返回状态
2021-01-17 14:20:05 2930
Vue-Devtools-.zip
2020-08-17
uni-app用户如何手动用按钮调用截屏功能?
2020-09-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人