antDesign
周家大小姐.
这个作者很懒,什么都没留下…
展开
-
ant Design-vue trim失效解决a-input前后空格问题
发现问题:如果在a-input中有用到allowClear属性就会发现空格正则会报错,原因是加了allowClear属性他的el指向的span标签所以要再做一层过滤处理。我这里是封装成全局自定义指令,如果同学要用的话根据自己需求放入对应文件即可。页面使用 v-input-trim。需求:输入框不允许有前后空格但字符中间可以有空格。原创 2022-10-25 16:52:41 · 2808 阅读 · 0 评论 -
antDesign 自定义分页样式
创建分页指令页面在directive文件夹下建a-pagination这文件夹下创建两个文件index.css,index.js。创建directive/index.js页面用于把所有自定义指令可以一次引入。这里用到了自定义指令,如果大家用不到可以安自己的实际效果开发。index.css 进行样式调整。index.js写业务逻辑。原创 2022-10-21 15:08:20 · 1503 阅读 · 0 评论 -
react dva 使用models存储
数据的改变发生通常是通过用户交互行为或者浏览器行为(如路由跳转等)触发的,当此类行为会改变数据的时候可以通过dispatch发起一个 action,如果是同步行为会直接通过Reducers改变State,如果是异步行为(副作用)会先触发Effects然后流向Reducers最终改变State,所以在 dva 中,数据流向非常清晰简明,并且思路基本跟开源社区保持一致(也是来自于开源社区)。global.js// 管理状态export default { namespa...原创 2021-05-05 14:23:16 · 795 阅读 · 0 评论 -
react+antdesign async promise 解决地域回调问题
需求:必须第一个执行完毕后才能走第二个;没有用到resolve是因为axios本身就是promise的封装所以这里不需要没有使用promise的情况 componentDidMount() { // 传入当前用户的角色id Service.loadUserRoles(this.props.data.id).then(res => { ...原创 2020-01-04 20:49:43 · 651 阅读 · 0 评论 -
react+antdesign 用promise all对所有返回数据做个统一提示
仓库地址:https://gitee.com/zhouyunfang/react-admin/blob/master/src/View/Admin/UserMgr/SetRole.js例:一个增加一个删除,两个都是在提示的时候进行aixos,我们可以分别在then之后使用message但是如果用到promise的方法可以做到优化,看代码 // 确定提交 handleSub...原创 2020-01-04 20:33:16 · 1919 阅读 · 0 评论 -
react+antdesign 表格删除失败
官网地址https://ant.design/components/table-cn/#components-table-demo-dynamic-settings错误写法:一开始会删除成功;再第二步的时候会删除失败;你会发现state中的数据就算你在确认删除后并清空数组,也跟本没有变化 // 删除 handleDelte = () => { ...原创 2019-12-23 22:02:18 · 481 阅读 · 0 评论