搜索结果
查询Tags标签： Antd，共有 36条记录-
webpack css-loader模块化导致的antd样式不好用解决方案
css-loader 模块化会导致 antd 样式文件无效，解决的方式就是排除 node_modules 下的目标文件就可以 如果你用的 less 就可以按以下方式来配置 {test: /\.less$/,include: /node_modules/, // node_modules 下的 less 文件不使用模块化use: [{loader: MiniCssExtractPlugi…
2022/8/31 23:25:02 人评论 次浏览 -
antd vue 折叠面板 v-for 循环点击无效
问题描述 实现一个折叠面板点击展开，但是必须点击两次才能展开，第一次无效 <a-collapse-panelv-for="(item, index) in dataMap":key="index":show-arrow="false"><p>{{ text }}</p><template slot="header&qu…
2022/6/29 23:21:35 人评论 次浏览 -
antd form表单自定义验证
antd 4 import React, { useState } from react; import { Form, Input, Select, Button } from antd;const { Option } = Select;type Currency = rmb | dollar;interface PriceValue {number?: number;currency?: Currency; }interface PriceInputProps {value?: Pri…
2022/2/28 6:25:27 人评论 次浏览 -
antd proform中的select（ProFormSelect）使用
<ProFormSelectlabel="角色可见范围"name="select2"mode="multiple"fieldProps={{//这里使用了select的onChange方法，必须使用这样的写法来进行调用onChange方法onChange:(val) => handleChange(val),}}request={async () => {/…
2022/2/22 23:47:09 人评论 次浏览 -
在vue3中使用antd-design-vue
折磨了我一整个下午，有必要记一下起因： 本来想用antd这个UI组件库，然后就install，结果，vue编译通过了，然后在浏览器里面打开，全是空白的，啥也没有。 原来看的是antd对于vue2.0的文档，我靠，这么重要的信息给塞到页面下面。 然后跑去看对vue3.0支持的文档，发现要…
2021/9/21 6:27:17 人评论 次浏览 -
在vue3中使用antd-design-vue
折磨了我一整个下午，有必要记一下起因： 本来想用antd这个UI组件库，然后就install，结果，vue编译通过了，然后在浏览器里面打开，全是空白的，啥也没有。 原来看的是antd对于vue2.0的文档，我靠，这么重要的信息给塞到页面下面。 然后跑去看对vue3.0支持的文档，发现要…
2021/9/21 6:27:17 人评论 次浏览 -
antd+vue table表格 是否启用 状态显示
antd+vue table表格 是否启用 状态显示 小功能记录一下：单元格里面两个状态或者三个状态切换显示问题。官网里tag标签都是同时展示两个或三个，我这里是根据状态展示对应状态标签。通过试用v-if来控制显示标签，颜色样式自己设置。 这里展示的是部分代码<template>…
2021/8/24 23:06:38 人评论 次浏览 -
antd+vue table表格 是否启用 状态显示
antd+vue table表格 是否启用 状态显示 小功能记录一下：单元格里面两个状态或者三个状态切换显示问题。官网里tag标签都是同时展示两个或三个，我这里是根据状态展示对应状态标签。通过试用v-if来控制显示标签，颜色样式自己设置。 这里展示的是部分代码<template>…
2021/8/24 23:06:38 人评论 次浏览 -
antd+vue3 多选框的值为对象数组
需求：1、自定义多选样式2、多选值为对象数组3、已选项侧边显示，可删除，并关联“备选”的选择状态4、此示例为组件，数据为父组件传递而来 难点：多选项的值为对象数组，如果直接使用对象值进行匹配，由于对象的指引不同，所以即使完全相同的值，匹配也不相同。也就导致…
2021/8/17 23:36:24 人评论 次浏览 -
antd+vue3 多选框的值为对象数组
需求：1、自定义多选样式2、多选值为对象数组3、已选项侧边显示，可删除，并关联“备选”的选择状态4、此示例为组件，数据为父组件传递而来 难点：多选项的值为对象数组，如果直接使用对象值进行匹配，由于对象的指引不同，所以即使完全相同的值，匹配也不相同。也就导致…
2021/8/17 23:36:24 人评论 次浏览 -
antd Dialog 学习笔记
聊聊 AntD 中的 Dialog 先介绍三种常用的用法，受控模式，通过 visible 控制 Dialog 在目标组件中的显示,这个时最简单的用法。const Demo: React.FC = () => {const [visible, setVisible] = React.useState<boolean>(false);return (<Modal visible={visibl…
2021/8/12 23:08:36 人评论 次浏览 -
antd Dialog 学习笔记
聊聊 AntD 中的 Dialog 先介绍三种常用的用法，受控模式，通过 visible 控制 Dialog 在目标组件中的显示,这个时最简单的用法。const Demo: React.FC = () => {const [visible, setVisible] = React.useState<boolean>(false);return (<Modal visible={visibl…
2021/8/12 23:08:36 人评论 次浏览 -
react+tsx+antd关于表单二次弹框
这两天遇到了一个需求： 页面是table，点击pageBtn会弹出alert1，alert1仅会回显页面中被选中的项，alert有一个添加按钮，点击添加按钮会回显alert2，alert2是一个表格，回显与页面一样的数据，但是有个需求：alert2必须一个默认选中项，这个默认选中项标识了页面中被选中…
2021/8/12 6:07:35 人评论 次浏览 -
react+tsx+antd关于表单二次弹框
这两天遇到了一个需求： 页面是table，点击pageBtn会弹出alert1，alert1仅会回显页面中被选中的项，alert有一个添加按钮，点击添加按钮会回显alert2，alert2是一个表格，回显与页面一样的数据，但是有个需求：alert2必须一个默认选中项，这个默认选中项标识了页面中被选中…
2021/8/12 6:07:35 人评论 次浏览 -
antd配置config-overrides.js文件
下载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 {overr…
2021/6/7 18:24:19 人评论 次浏览
