ICode9

精准搜索请尝试: 精确搜索
  • vue antd row col布局中存在select页面 未对齐2021-08-05 16:31:54

    在vue antd使用row、col布局时,若存在select下拉选择框,页面布局中存在空白间隔列。  需要在row中添加布局类型:type="flex" <template> <div> <a-modal :title="title" :visible="visible" cancelText="关闭"

  • antd的input的value和defaultValue区别2021-08-04 15:58:50

    1. react通过state 保存可变状态的值,只能通过 setState()来更新 2. html中,表单元素(乳 input、textarea、select)通常自己维护state,并且根据用户输入进行更新 3.俩者结合起来,使react的state成为 ‘唯一数据源’,被react以这种方式控制的表单输入元素叫做 受控组件 4. 非受控组件就

  • antd vue表格分页序号重置问题2021-08-02 18:33:01

    问题描述:   使用antd表格a-table组件时,有时需要展示每条数据的序号。   通常在columns定义时写为如下形式: const columns = [ { title: '序号', align: 'center', width: 100, customRender: (text, record, index) => `${index + 1}` } }   在不设置

  • React-native引用Antd的Icon字体2021-08-01 18:32:08

    Icon 不显示 (文章有问题或错误请联系本人,也可帮解决问题) Not found react-native -community/viewpager “@react-native-community/async-storage”: “^1.12.1”, “@react-native-community/cameraroll”: “^4.0.2”, “@react-native-community/masked-view”: “^0.1.

  • antd-vue vue3.0 form表单同时检测多个输入框2021-07-27 13:33:04

    <a-form-item label="企业名称"> <a-form-item name="cnname" required style="margin-bottom: 10px;"> <a-input v-model:value="formState.cnname" placeholder="请输入企业中文名称" readonly /> </a-form-i

  • antd Table expandedRowClassName不生效踩坑2021-07-26 15:33:54

    今天有个样式需要将Table的展开行与最左边对其;看文档发现expandable中有个expandedRowClassName,就直接拿过来用,但是出现了问题, 发现使用了expandedRowClassName时并未生效,后来排查了很久才发现是非expandedRowRender渲染的展开行不会生效,也就是不自定义渲染就是不会生效, 可以

  • antd 表格表头增加图标和提示语句2021-07-23 09:34:40

     首先引入需要的Tooltip,网上查找资料的时候别人都是引antd,但是我的报错,找了一下自己的文件发现我的要引用ant-design-vue import { Tooltip } from 'ant-design-vue'   然后在表格列定义的时候 加上图标和提示   <div>标题&nbsp;   <Tooltip placement='top' title

  • antd Form.Item不同验证规则用不同的触发方式实现重名校验2021-07-22 17:03:34

    需求:需要实现重名校验。 这个重名校验得调用后端的接口,但是我又不想在onChange的是偶触发自定义校验规则,这样会调用太多次接口,本来想用useRequest来实现debounce,发现不行,触发不了,然后用useDebounceFn,发现也不行,返回的数据是有问题的,返回的结果是上一次接口调用的结果,所以改成on

  • antd-form 学习笔记2021-07-21 15:00:18

    AntD-Form 是基于 rc-form 来做了一层封装,我们看看它提供了哪些额外的功能 先来看看 Form 首先按照惯例获取SizeContext,ConfigContext,主要获取Size,getPrefixCls,direction,form.requiredMark. 然后依次来获取 className,mergedRequiredMark. 创建formInstance,这个是在rc.useF

  • antd表单验证图片 必须上传2021-07-19 18:31:46

    需求:表单提交的时候,需要先上传图片 直接使用<formItem>加require属性并不生效,antd 4.0以后版本也没有getFieldDecorator方法,所以需要自定义表单验证规则。  rules里面有validator属性作为自定义校验,接收一个promis作为返回值,这里有两个个参数,rule是规则,value是你上图片的值

  • vue antD model对话框底部按钮2021-07-14 09:33:36

    自带model底部通常只有确定跟取消,如果要重新定义model底部按钮的个数需要用到作用域插槽,如下代码: <a-button type="primary" @click="visible = true">打开Model</a-button><a-modal title="这是一个Model" :visible="visible" :confirm-loading="confirm

  • Antd pagination分页 自定义样式和位置2021-07-13 18:32:31

    改变paginationSize 的按钮的位置的改变 通过自定义Select和官方提供的pageSize 来自定义改变下拉框 handleShowTotal = (total, range) => { let pageSizeOptions = [10, 20, 30, 40] return ( <div> 显示第 <span className='pa

  • react 插件安装2021-07-13 10:32:10

    创建项目 1、安装cra npm install -g create-react-app 2、创建项目   “react-lesson”  为文件名 create-react-app react-lesson 3、启动项目 npm start     使用第三方组件 1、antd: npm install antd --save 使用: import Button from 'antd/lib/button' import

  • 从0到1用react+antd+redux搭建一个开箱即用的企业级管理后台系列(基础篇)2021-06-27 20:33:13

    背景 ​ 最近因为要做一个新的管理后台项目,新公司大部分是用vue写的,技术栈这块也是想切到react上面来,所以,这次从0到1重新搭建一个react项目架子,需要考虑的东西的很多,包括目录结构、代码规范、请求封装等等, 涉及内容较多,所以我分成了几个部分来记录搭建的过程: 从0到1用react+antd+

  • react antd二次封装自动去除首尾空格input2021-06-27 13:00:35

    问题描述: input框基本上是最常见的输入框了,很多时候搜索时我们会带有空格,一般会在处理数据时做字符串正则表达式的替换,这次使用高阶组件传入一个input或者textarea等获得一个失去焦点即去除首尾空格的组件~~ 高阶组件代码:  

  • React学习day13--antd组件:Grid栅格2021-06-26 22:01:48

    Grid栅格 https://ant.design/components/grid-cn/ 布局的栅格化系统,我们是基于行(row)和列(col)来定义信息区块的外部框架,以保证页面的每个区域能够稳健地排布起来。下面简单介绍一下它的工作原理: 1)通过 row 在水平方向建立一组 column(简写 col)。 2)你的内容应当放置于 col 内,并

  • antd table 表格错位的问题2021-06-26 14:35:31

    当遇到antdtable表格错位的时候,看文档,文档上说的是,要设置每一列的宽度,但是已经设置了,却还是错位。后来经过查找资料,发现只要有一列不设置宽度的话,就不会再错位,因为antd会自己给最后一列分配宽度。 在这里还遇到一个问题,就是当我们给列设置的宽度不合理的话(一般情况是设置的宽度较

  • antd-mobile的listView踩坑笔记2021-06-18 17:07:58

    笔者上个礼拜开发公司移动端,由于数据过多所以要进行懒加载。于是就用到了antd的antd-mobile的listView组件。但是遇到了很多坑,今天总结出来分享给大家。 一:数据已经全部展示了却还是重复渲染。 原因: 自己太二,在componentWillReceiveProps 里面做了俩个判断执行了俩次下面的这个

  • 改变antd组件样式的方法2021-06-18 17:07:41

    实际项目中大家经常会引入antd进行项目开发,对于如何更改antd组件的样式应该也是很多朋友都关心的,笔者今天就给大家分享一下笔者知道的方法: 一:用CSS覆盖掉antd原有的样式: 这是更改tooltip的方法,在控制台找到tooltip的类名,然后在对应的css部分更改它的样式。 tooltip的left与top的

  • Antd如何用Menu组件渲染二级或三级目录2021-06-18 17:07:27

    今天给大家带来React项目结合Antd的时候如何渲染二级菜单 就算你用其他的UI框架也是换汤不换药。 1.首先配置Antd,关于配置Antd请前往React配置Antd处观看。 2.然后在routes文件定义你的sidebar数据 其中有一个isSiderbar标记,这个就是我们待会用来判断是否是sidebar的类型。 3.接

  • dvaJS配置antd以及按需引入2021-06-18 16:56:40

    首先通过npm || cnpm || yarn等方式在项目目录安装antd 和 babel-plugin-import。 babel-plugin-import是用来按需加载antd的脚本和样式的。 $ npm install antd babel-plugin-import -S 编辑 .webpackrc文件,使 babel-plugin-import 插件生效。 "extraBabelPlugins": [ ["impo

  • thinkjs + antd项目部署上线2021-06-18 16:53:06

    感谢内容提供者:金牛区吴迪软件开发工作室 文章目录 thinkjs + antd项目部署上线 准备工作:前端与服务端配置开发环境生产环境访问目录 前端: 服务端: 第一步:将代码提交到远程仓库,而后服务端进行拉取代码 第二步:将服务端代码和前端代码进行打包 thinkjs打包: antd-pro打包: 第三

  • 基于React+antd后台管理系统----笔记2021-06-14 16:35:12

     一、登录功能:antd-Form、localStorage    1.登录界面与首页实现      1)两个界面路由注册,通过判断本地是否有用户登录数据         有:--->  <Route path='/' component={Admin} />  (作为的根路径)         无:--->  <Route path='/login' compon

  • react+antd表格之行/列合并2021-06-10 14:02:33

    因项目遇到表格合并的问题特此将自己的解决方案及代码附上,希望能帮助到遇到此类问题的人,如有更好的解决方案欢迎来交流,谢谢! 1.在utils.js放入处理数据合并的方法,如下: /** * @param { * } datasource 表格数据 Array * @param {*} key 当前合并字段key * @param {*} ind

  • antd配置config-overrides.js文件2021-06-07 18:01:24

    下载antd 包npm install antd下载依赖包(定义组件按需求打包)npm install react-app-rewired customize-cra babel-plugin-import自定义less-loader,改变antd默认样式npm install less less-loader根目录定义加载按需打包的js配置模块: config-overrides.jsconst {override

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有