1.布局 2.逻辑 .
转载
2018-09-26 22:11:00
834阅读
2评论
经常开发表格,是不是已经被手写Ant-Design Table的Columns整烦了?尤其是ToB项目,表格经常动不动就几十列。每次照着后端给的接口文档一个个配置,太头疼了,主要是有时还会粘错就尴尬了。那有没有办法能自动生成columns配置呢?当然可以。目前后端的接口文档一般是使用Swagger来生成的,Swagger是基于OpenAPI规范的一种实现。(OpenAPI规范是一种描述RESTfu
原创
精选
2024-05-19 14:23:27
215阅读
目录vue快速学习03、ant-design1、安装环境2、a-button&a-icon3、message消息提示4、a-layout
原创
2022-07-04 08:39:47
550阅读
@ant-design/icons
转载
2021-04-06 10:31:00
411阅读
2评论
https://github.com/ant-design/ant-design/ 亲测!
原创
2022-03-01 13:35:12
228阅读
vue.draggable 拖拽项目需求中,需要支持拖拽,即找到了vue.draggable,下面来说一下基本使用方法 1.首先需要安装它,官网地址 https://www.itxst.com/vue-draggable/tutorial.html 2.安装 npm i -S vuedraggable 3.基本教程请看官网例子 我这边是根据后端接口请求的数据进行布局与官网例子稍有不同 我们首先看一
转载
2024-05-15 20:35:47
2357阅读
前言vue作为前端主流的3大框架之一,目前在国内有着非常广泛的应用,由于其轻量和自底向上的渐进式设计思想,使其不仅仅被应用于PC系统,对于移动端,桌面软件(electronjs)等也有广泛的应用,与此诞生的优秀的开源框架比如elementUI,iView, ant-design-vue等也极大的降低了开发者的开发成本,并极大的提高了开发效率。笔者最初接触vue时也是使用的iview框架,亲身体会之
转载
2024-02-26 06:41:26
124阅读
https://github.com/ant-design/ant-design/ 亲测!
原创
2021-05-20 23:04:54
355阅读
背景:官方和网上的例子都很简单,实际项目开发中比较的一般都是对象数组,且属性值不一定全为数值,有可能为字符串,比如某个数据没有值,默认显示字符串:"--" 需求:降序或者升序无数值的在最后面显示 开发步骤: (1)HTML:<a-table @change='compare' :columns='c ...
转载
2021-08-05 14:20:00
1041阅读
2评论
本文展示了两种在HTML中使用Vue.js、ant-design-vue、@ant-design/icons-vue的方式:1)直接引入Vue核心库,创建简单应用;2)通过UMD方式引入ant-design-vue组件库,实现按钮、输入框等UI组件;3)使用ES模块方式按需导入ant-design-vue。三种方式都演示了Vue实例的创建、数据绑定和组件使用,区别在于引入库的方式不同(CDN直接引用、UMD全局对象和ES模块导入)。示例包含基本数据绑定、方法调用和ant-design-vue组件的
现在越来越多的网站支持主题切换,我们的也要!在这,我们要实现两个例子,主题切换与夜间模式!主题切换:夜间模式:1、准备工作,初始化一个简单的vite项目 安装 ant-design-vue和lessyarn add ant-design-vue@next
yarn add less --save因为ant-design-vue是使用less开发的,所以既然用了它,咱最好还是用和它一致的less。
转载
2024-03-25 04:53:35
511阅读
Ant Design Vue和VUE3下的upload组件使用以及文件预览 文章目录Ant Design Vue和VUE3下的upload组件使用以及文件预览一、多文件上传1.需求2.样例3.代码二、单文件上传1. 需求2. 样例3.代码二、多文件上传产生的时间超时问题三、文件系统名称更改1. 修改文件`index.html`2. 修改文件`index.js`3. 修改数据库存储的系统名称四、系统
转载
2024-06-20 17:24:23
98阅读
刚接触Ant Design Vue的童鞋们可能会有这样的问题,不就是修改默认的组件样式吗,为什么一会生效,一会又不生效。希望看完这个文章,会给你一些收获~一、想要修改组件的默认样式,首先你需要知道组件是渲染在哪里的这个组件是渲染在当前页面内部,还是脱离vue根节点单独渲染?(根节点默认id=“app”)这个问题的答案很容易得到,打开文章顶部的antdv官方文档,任意选中组件,F12打开调试,观察E
转载
2024-05-30 23:23:17
362阅读
记录一下,使用 Ant Design Vue a-tree 需要实现可搜索且后台返回数据不是标准数据的问题
目录
可搜索 自定义字段
完整全部代码
可搜索 自定义字段
实现自定义字段需要使用 Tree props 的 replaceFields 属性
<template>
<div>
转载
2024-04-05 00:00:57
60阅读
背景项目需要表格支持拉伸每列的宽度,查看了文档,官方建议是用 vue-draggable-resizable 插件结合 components 属性,给表头 header 增加一个可拖拽的功能。其实下面的前三个问题都很好解决,网上也有很多解决方案,但因为考虑到项目中表格很多,而且每个表格都要支持拉伸列宽度,所以不可能按官方文档那样,每个表格的 vue 组件都写重复的代码,所以就封装了一个方法,专门获
转载
2024-07-24 09:52:03
2519阅读
这个就是需要的popcofrim <Popconfirm title="确定删除么" ); }} onCancel={cancel}
原创
2022-06-06 18:13:43
1279阅读
开始从这里开始是用ant-design-vue组件写ant-design-vue-pro这个后台项目实现步骤的从零开始搭建的过程,视频地址,它采用了ant-desgin-vue的组件库作为素材开发,进一步提炼了中后台管理系统的产品原型,可以帮助快速搭建后台页面。技术栈: ES2015+、Vue.Js、Vuex、Vue-Router、g2 和 antd-vue。初始化项目采用Vue cli工具帮我们
转载
2024-05-11 19:45:36
85阅读
问题在使用Ant Design Vue进行开发的时候,使用了tabs标签页,在页里面套用了表格,但是在页面切换后,会发现页面的width会变大差不多2倍,这样会导致页面一些结构的样式发生变化。解决在查阅一些资料之后,看到有人说可能是Ant Design在进行table封装时使用了自适应的问题,解决方法就是在外层盒子加上绝对定位。 于是,我在外层盒子添加绝对定位:position:absolute;
转载
2024-03-02 08:37:15
193阅读
实现需求:在react项目中,在满足表格头部列可以拖动改变的情况下,还要表格利用滚动条下拉来加载表格数据?如下图:**方案一:**利用react-infinite-scroll-component插件,但是表头无法固定,一旦样式固定定位写死,就无法满足拖动,如果你的表格列不需要拖动的话,可以使用,比较方便;**方案二:**先实现ant-ui表格组件的滚动,然后监控表格滚动条,快到达底部后触发加载数
转载
2024-07-26 07:59:01
418阅读
1、需求:可以自定义设置表格表头展示哪些内容,如默认展示(图一),点击表格最后一列表格的图标弹出表头的全部字段(图二),经过设置之后(图三)图一: 图二: 图三:2、具体实现(因为还没确认表头默认展示和全部展示的数据是否是后台返回,所以自己写了静态数据)父组件:
<a-table
:columns="state.columns"
:row-key="(record) =&g
转载
2024-06-27 20:10:00
230阅读