ICode9

精准搜索请尝试: 精确搜索
  • 清除React项目运行时控制台无用的警告2021-09-22 20:01:04

    一、引入antd产生的黄色报错 You are using a whole package of antd-mobile, please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size. 原因是antd希望按需引入,但以import { TabBar } from "antd-mobile";形式引入时实际上会在底层将所

  • antd upload preview svga 上传组件预览非图片2021-09-22 16:05:19

    node_modules\ant-design-vue\es\upload\UploadList.js 修改源码render函数,其实改的是渲染出来的样式,包括背景图和预览icon var list = items.map(function (file) { // 重点这里判断svga const svgaFlg = file.name.includes('svga') if(file.status

  • react 使用注意:2021-09-22 10:02:07

    antd 国际标准化 有时需要将组件默认为英文的部分,设置为中午呢,此时需要用到antd的国际标准化。 //国际化标准 import moment from 'moment'; import 'moment/locale/zh-cn'; moment.locale('zh-cn');

  • 在vue3中使用antd-design-vue2021-09-21 02:06:04

    折磨了我一整个下午,有必要记一下起因: 本来想用antd这个UI组件库,然后就install,结果,vue编译通过了,然后在浏览器里面打开,全是空白的,啥也没有。 原来看的是antd对于vue2.0的文档,我靠,这么重要的信息给塞到页面下面。 然后跑去看对vue3.0支持的文档,发现要执行下面这个命令: npm i --save

  • antd- Dragger组件2021-09-19 14:00:33

    关闭弹窗文件列表依然存在问题 1.随机数完美解决 import { Modal, Upload, Button } from 'antd'; import { InboxOutlined } from '@ant-design/icons'; FileUpload(sub) { return <div key={Math.random()}> <Dragger defaultFileList={sub.defaultFileList

  • react antd form 表单清空2021-09-19 13:31:41

    关于react_antd_desgin的学习这两天也是获取到的知识零零散散,大多在网上也能获取的到,所以隔了很长的时间,没有编写关于react相关的文章。今天之所以写也是因为公司中秋节放假,在郑州,窗外的秋雨淅淅沥沥,再加上一点带有凉意的秋风,打消了外出的念头。在家也是无所事事,,,好了,言归正传

  • antd table分页居中显示(react)2021-09-17 10:32:22

    在最新版的antd中,.ant-table-pagination ** 是flex,.ant-table-pagination-right**设置的 justify-content: flex-end,所以分页默认在右边展示,如下: 我们想要分页居中,首先要把flex给成display: block; 然后在给 .ant-table-pagination-right设置居中 text-align: center; 上代

  • 【Antd】如何将组件设置为中文2021-09-15 18:31:48

    这个问题还是很常见的,像我正常的安装antd: yarn add antd  使用的时候发现不对,怎么是英文的? 要转换成中文的也很简单,只需要两步: 1、引入zh_CN import zh_CN from 'antd/lib/locale-provider/zh_CN';  2、用ConfigProvider包起来 import Table from './Table'; import zh_CN fr

  • react css局部作用域与antd按需加载2021-09-08 10:57:48

    React css局部作用域与antd按需加载 React css局部作用域Antd按需加载 React css局部作用域 react样式的作用域,一直是开发中比较头疼的问题,在vue中,可以使用scoped来做私有样式的处理,但是在react,声明的样式大多都是全局的,当然,我们可以使用属性选择器解决这个问题,但是终归

  • 关于 antd tree 组件的推拽操作2021-09-07 17:31:05

      最近项目中使用到 tree 组件的推拽操作, 按常理来说应该主要用到其中的 onDrop 事件,但其中的参数又没有详细的说明,只是在官网给了个例子,网上搜索后又没有发现到位的总结。 因此经过N次的测试,在这里总结下 onDrop 的各参数的意义及使用场景。 先看代码,在官网基础上稍有改动,如下:

  • antD vue 复选框多选选中2021-09-06 09:02:58

    添加多选框  

  • Antd - Warning: [antd: Modal] Modal.config is deprecated. Please use ConfigProvider.config instead.2021-09-01 12:03:37

    antd报错 Warning: [antd: Modal] Modal.config is deprecated. Please use ConfigProvider.config instead. 原因 版本更新导致不支持,如报错内容 解决 使用 ConfigProvider.config 代替 Modal.config 且属性 rootPrefixCls 更新为 prefixCls //old Modal.config({ rootPref

  • antd+vue table表格 是否启用 状态显示2021-08-24 23:03:59

    antd+vue table表格 是否启用 状态显示 小功能记录一下:单元格里面两个状态或者三个状态切换显示问题。官网里tag标签都是同时展示两个或三个,我这里是根据状态展示对应状态标签。通过试用v-if来控制显示标签,颜色样式自己设置。 这里展示的是部分代码   <template> <a-table :co

  • 【前端开发】dva+antd+react2021-08-24 10:01:06

    参考:   图解dva: https://www.yuque.com/flying.ni/the-tower/tvzasn  分别基于React、Redux、dva的不同实现优化        dva图解: https://dvajs.com/guide/fig-show.html 快速上手   https://juejin.cn/post/6844903840404209678  推荐(有思维导图)        umi + dv

  • antd动态的表格合并(包含排序功能)2021-08-20 18:31:31

    主要是两个步骤, 1.处理接口返回数据,给其添加两个属性,一个是合并行数(列数),一个是当前数据的序号 2.在columns结合antd官网的处理方法合并表格 3.尽可能得减少计算量   数据处理函数 /** * 表单表头合并 * @param list 需要遍历的数组 * @param key 合并依赖的字段名 后

  • antd vue Menu 缩放成三个点问题2021-08-20 16:01:45

    先说一下,我也没有结局,不知道哪里的机制会触发这个。当我使用v-if就会出现这个问题,然后我尝试了v-show可以结局这个问题,但是v-show=false的时候并不是隐藏,建议自己使用Dropdown组件替代一下。antd vue Version2.2.8

  • antd+vue3 多选框的值为对象数组2021-08-17 23:34:34

      需求:   1、自定义多选样式   2、多选值为对象数组   3、已选项侧边显示,可删除,并关联“备选”的选择状态   4、此示例为组件,数据为父组件传递而来 难点:多选项的值为对象数组,如果直接使用对象值进行匹配,由于对象的指引不同,所以即使完全相同的值,匹配也不相同。也就导致多

  • antd-vue表格二次封装定制化2021-08-16 19:29:43

    index.vue <template> <div class="table"> <a-table :row-selection=" isRowSelection ? { selectedRowKeys: selectedRowKeys, onChange: onSelectChange, }

  • Antd Tree简单使用2021-08-15 22:04:41

    最近在做新项目,用的umi框架,使用的Antd的UI组件,之前也了解过Antd的使用,但是实际自己写起来才发现有好多问题 从新项目开始到现在,查antd文档最多的就是树形控件Tree,可能是比较复杂吧,并且项目中的需求和之前的不一样,好多地方都需要重新看文档实现。 异步加载树节点数据,需要实现tree

  • antd Form失去焦点时校验、确认密码特殊校验2021-08-13 15:35:36

    在输入确认密码的时候,输入框下会同步弹出提示,降低用户体验,这里需要用到两个属性: validateTrigger 和 dependencies 设置validateTrigger={['onBlur']}, 这样就会在失去焦点的时候才触发验证 代码如下: import React from "react"; import "./App.css"; import { Form, Button, Inpu

  • antd Dialog 学习笔记2021-08-12 22:32:17

    聊聊 AntD 中的 Dialog 先介绍三种常用的用法, 受控模式,通过 visible 控制 Dialog 在目标组件中的显示,这个时最简单的用法。 const Demo: React.FC = () => { const [visible, setVisible] = React.useState<boolean>(false); return ( <Modal visible={visible} close=

  • antd-react自定义显示表格操作按钮2021-08-12 14:31:18

    接了个需求:要求表格某一条在选中时,这一条要显示两个操作按钮,如果取消选中时则不显示 本身对antd就不熟悉的笔者,找遍了全网都没找到该怎么写,官网也没详细介绍,绝了笔者想做cv大佬的念头~ 无奈只好自己写了 思路:在配置表头项的时候,多配置一个表头对象占位,这个表头对象内添加一个ren

  • react+tsx+antd关于表单二次弹框2021-08-12 01:33:32

    这两天遇到了一个需求: 页面是table,点击pageBtn会弹出alert1,alert1仅会回显页面中被选中的项,alert有一个添加按钮,点击添加按钮会回显alert2,alert2是一个表格,回显与页面一样的数据,但是有个需求:alert2必须一个默认选中项,这个默认选中项标识了页面中被选中的那一项,且alert2表格被选中

  • react antd使用2021-08-08 12:35:38

    npm i antd --save 按需引入import React, { Component } from 'react' import Button from 'antd/lib/button' import 'antd/dist/antd.css' export default class App1 extends Component { render() { return ( <d

  • antd 3.*版本 实现 checkbox 全选 和 全不选的功能2021-08-06 15:31:50

    因为有一个内容审核的业务, 要求审核内容前面都有一个复选框, 突然一天老大要求加一个 全选 和全不选的功能了。 但是 我当初写的时候 使用的是 checkboxGroup 这个我以为很简单 , 但实际好像不是哪个样子 挺复杂的 最后 中间也踩坑了 先来看下 效果把 代码 不建议 通过添加 ch

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

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

ICode9版权所有