- 博客(4)
- 收藏
- 关注
原创 动态表单不同项的处理
问题描述项目中的问题:项目表单项是根据后台数据来循环渲染的,部分的表单项目的值需要进行特殊的处理,渲染项目会返回一个type <!-- 动态渲染数据 --> <section v-for="(item, index) in fields" :key="index"> <!-- 日期格式数据 --> <section v-if="item.type === 'date'"> <
2022-05-05 10:09:07 125
原创 后台管理项目-前端-菜单栏联动头部导航栏
react+hooks+TS构建菜单栏联动头部导航栏编写一个共享变量的组件(commonMenu),分别编写菜单栏组件(Menu)、头部导航栏组件(Tabs)commonMenu组件import React, {createContext,useReducer} from 'react'interface IAction { type:string, value:any}export interface IStore{ state:{ menu:any }, dispatc
2020-12-15 17:13:01 724
原创 antd Design中关于Form表单 setFieldsValue 的使用
标题 antd Design Form setFieldsValue的使用最近项目使用的是antd Design 4.x 版本,碰到个需要加载后端数据并展示,并且用户可以进行修改的需求,前端采用的是antd的Form表单来实现组件加载的时候向后端请求数据componentDidMount() { gainCountry().then(res => { // 这里进行数据请求 ...... }) }form表单要回填数据一般会想到的是init
2020-08-21 20:18:20 70703 5
原创 react实现侧边栏联动头部导航栏效果
react 项目实现侧边栏联动头部导航栏项目中使用react+antd design+redux+react-reouter-dom实现思路编写路由表=》循环遍历路由表=》渲染侧边栏=》单击侧边栏获取相应的标签数据=》存入redux=》遍历循环redux数据渲染头部导航栏路由表const RouterTree = [ { key: 'num_one', title: { icon: '', text: 'tex
2020-08-21 19:42:32 3554 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人