antd-vue_51CTO博客

antd-vue upload 上传前验证

表单：<a-form-model ref="form" :model="form" layout="horizontal" :label-col="{ span: 3 }" :wrapper-col="{ span: 18 }"> <a-form-model-item label=

上传

表单

赋值

原创

山阳糊涂

2022-07-06 11:04:10

368阅读

可复用antd-vue的对话框Mixin

创建一个可重复使用的自定义confirm，利用vue混入方式即可随时使用。const confirmMixin = { methods: { showModal(modalData, interfaceData) { const _this = this const {title, content, okType, okTex

ico

自定义

原创

草莓11111

2023-10-19 13:36:23

142阅读

antd-vue中给table表格整行加点击事件

<a-table :columns="columns" :dataSource="data" :loading="loading" :pagination="pagination" :rowKey="record => record.id" @change="paginationChange"

添加属性

转载

Danna123

2022-05-26 16:47:44

1126阅读

vue3 封装仿antd-vue的Table组件基本实现

最近需要在不使用UI框架的情况下封装一个简单的表格，由于对antd-vue比较熟悉，所以仿照了antd-vue的样子写了个简化版的Table组件。组件源码见另一篇博客，用到的技术栈：VUE3、SCSS 用过antd-vue的都应该知道主要的传参是两个：columns和dataSource，分别对 ...

数据

插槽

数据结构

官网

作用域

转载

mb5ff981d806017

2021-10-28 16:23:00

1935阅读

2评论

antd-vue a-table改变鼠标悬停背景色

table tbody tr:hover>td { background: #E7F1FF !important; } ...

数据

转载

mob604756f6b718

2021-10-13 16:46:00

2752阅读

2评论

Antd-vue Table组件添加Click事件,实现点击某行数据操作

给Table组件添加Click事件,实现点击某行数据操作customRow设置行属性Function(record, index)通过customRow 属性给table添加自定义事件<a-table :columns="columns" :dataSource="data" :rowSelection="{selectedRowK...

click事件

数据操作

自定义事件

Java

原创

DuebassLei

2022-01-13 11:31:17

1299阅读

antd-Vue实现Login登录页面布局-附带验证码验证功能-案例

效果Login页面<!-- * @Author: Jackie * @Date: 2022-05-07 14:34:06 * @LastEditTime: 2022-05-09 15:57:44 * @LastEditors: Jackie * @Descriptio

vue.js

javascript

前端

antd

验证码

原创

JackieDYH

2022-05-15 21:18:04

1084阅读

引用antd-vue中的modal组件样式只在当前vue组件生效的解决方案

如题，前端开发当中，经常会团队多人合作开发，而为了避免页面样式覆盖，除了要遵守公司或团队制定的前端开发标准规范之外，一定要仔细阅读相关框架中所使用组件的API说明。我们开发时为防止页面样式影响其他人的页面，通常都会在.vue文件的style样式上加上scoped声明该样式的作用域，但是antd-vu ...

前端开发

作用域

html

标准规范

其他

转载

mob604756e65292

2021-08-16 10:53:00

956阅读

2评论

关于使用antd-vue的卡片无法设置avatar图标/头像问题的解决方案

在使用antd-vue的卡片a-card时，遇到无法添加avatar图标/头像的问题，原因出在a-avatar，他不支持webpack图片打包。上代码： <a-card hoverable style="width: 300px"> <a-card-meta title="测试暂存" descri ...

加载

数据

无法显示

其他

转载

mob604756ffc089

2021-08-04 16:53:00

3636阅读

2评论

vue3版本下element-plus和antd-vue选哪个更好一些？

Vue 3 发布后，各家第三方库开始陆续重构并支持 Vue 3 ，国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持

Vue

UI

Babel

原创

一个傻傻的IT民工

2024-01-19 10:23:03

658阅读

基于vue开发的一款强大的表单设计器，支持element和antd-vue表单快速开发。

基于vue和element-ui实现的表单设计器，使用了最新的前端技术栈，内置了i18n国际化解决方案，支持生成element和antd-vue表单，让表单开发简单而高效。在线预览使用文档特性可视化配置页面提供栅格布局，并采用flex实现对齐一键预览配置的效果一键生成配置json数据一键生成代码，立即可运行提供自定义组件满足用户自定义需求提供远端数据接口，方便用户需要异步获取数据加载提供功能强大的

vue.js

element

ant-design-vue

原创

wx5e551dec271a1

2020-02-25 21:26:52

4274阅读

antd vue1 单页面demo antd vue element

在开发后台管理系统中，经常会碰到合计行的需求，element有直接的属性可以使用，antdvue的需要手动去生成如图为实现合计后的效果 1。首先给table配置column的时候，要明确哪些字段需要使用合计，如上图，只有总板数需要使用合计，那给总板数的配置加上标识符即可,我这里为了方便辨识，直接增加了 su

antd vue1 单页面demo

vue.js

elementui

typescript

Source

转载

mob64ca14144dde

2024-04-25 17:34:29

44阅读

vue3版本下element-plus和antd-vue选哪个更好一些？.240109

Vue 3 发布后，各家第三方库开始陆续重构并支持 Vue 3 ，国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vu

Vue

UI

Babel

原创

一个傻傻的IT民工

9月前

123阅读

antd vue router 路由

1. 路由登陆后跳转到主页： router/index.js 配置 // Avoided redundant navigation to current location const originalPush = Router.prototype.push Router.prototype.push

json

ide

html

原创

wx5b6d6c951e615

2022-09-20 11:59:40

276阅读

antd vue tablelist 模板

<template> <a-table :columns="columns" :data-source="data" :scroll="{ x: 1300,y:1500}" class="tb_list" ref="table" :pagination="{ current: table.pageN

ide

原创

wx5b6d6c951e615

2022-09-20 12:02:45

35阅读

vue antd axios 使用

接口请求：安装：npm install axios --save main.js配置 import axios from 'axios'; import qs from 'qs'; Vue.prototype.$axios=axios; Vue.prototype.qs=qs; axios.def

ios

json

表单

原创

wx5b6d6c951e615

2022-09-20 12:03:41

112阅读

antd design vue栅格

1.全局样式色彩色彩体系主要分为两个层面：系统色彩体系以及产品色彩体系；系统色彩体系是系统的一些基础颜色，产品级色彩体系更多的是根据产品诉求不同而使用的颜色（像品牌色，功能色之类的）色彩在使用时更多的是基于信息传递、操作引导和交互反馈等目的布局UI界面的空间布局要基于「动态、体系化」的角度出发展开，建议从以下5个方面出发统一的画板尺寸：统一设计板尺寸适配方案：判断系统是否需要适配，哪些区域是需要动

antd design vue栅格

javascript

表单

数据

设计原则

转载

架构设计师

11月前

73阅读

antd vue 上传customrequest

醉卧沙场君莫笑，古来征战几人还。一、简介数据驱动的图形编辑引擎，以流程图展示关系流程，支持拖拽二、基础使用所有图表示例1. 实现一个最简易的Graph⑴. 安装# npm $ npm install @antv/x6 --save # yarn $ yarn add @antv/x6 ⑵. vue代码react 的通道 -><template> <div i

javascript

前端

vue.js

Graph

JSON

转载

小题大作

7月前

106阅读

vue antd 动态table

效果图： <template> <div> <a-button class="editable-add-btn" @click="handleAdd"> Add </a-button> <div> <a-table :columns="columns" :data-source="data" bor

i++

javascript

原创

wx5b6d6c951e615

2022-09-20 12:02:32

887阅读

vue +antd 动态表单

先说下效果：代码： <template> <div> <a-card title="form-data" :bordered="true" style="width: 40%"> <div> <a-form ref="form" layout="inline" :model="form" > <d

ico

原创

wx5b6d6c951e615

2022-09-20 12:02:51

786阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

antd-vue

antd-vue upload 上传前验证

可复用antd-vue的对话框Mixin

antd-vue中给table表格整行加点击事件

vue3 封装仿antd-vue的Table组件基本实现

antd-vue a-table改变鼠标悬停背景色

Antd-vue Table组件添加Click事件,实现点击某行数据操作

antd-Vue实现Login登录页面布局-附带验证码验证功能-案例

引用antd-vue中的modal组件样式只在当前vue组件生效的解决方案

关于使用antd-vue的卡片无法设置avatar图标/头像问题的解决方案

vue3版本下element-plus和antd-vue选哪个更好一些？

基于vue开发的一款强大的表单设计器，支持element和antd-vue表单快速开发。

antd vue1 单页面demo antd vue element

vue3版本下element-plus和antd-vue选哪个更好一些？.240109

antd vue router 路由

antd vue tablelist 模板

vue antd axios 使用

antd design vue栅格

antd vue 上传customrequest

vue antd 动态table

vue +antd 动态表单

antd vue description定义字符串加标签 antd vue教程

antd vue2 表单动态rules不生效 antd vue form

vue antd table行选中

antd vue message 全局使用

antd vue descriptions高度问题

android和vue开发 vue和antd

Vue与antd结合使用

JavaScript vue 和antd关系

vue antd动态定义rulesInfo

vue3 引入antDesign vue+antd