ant-design-vue

Ant Design for vue

1、安装ant-design$npminstallant-design-vue--save实例：importVuefrom'vue';import{DatePicker}from'ant-design-vue
Anne的前端之路·2020-07-30 16:04

Ant Design Vue之自定义上传（Upload）

ant-design-vue框架的upload组件提供了customRequest接口，可以让我们覆盖默认的上传行为，自定义上传。
骑扫帚飞·2020-07-30 15:21

vue中使用ant design

一、在vue中如何引入antdesign（1）完整引入main.js中全局引入并注册importAntdfrom'ant-design-vue'import'ant-design-vue/dist/antd.css'Vue.use
Sugarman0620·2020-07-30 14:04

axios request请求封装

importaxiosfrom'axios'//importnotificationfrom'ant-design-vue/es/notification'importmessagefrom'ant-design-vue
不爱吃面的北方人·2020-07-30 04:02

ant-design-vue Table组件自定义行样式

近期遇到了一个需求对于不同行的表格数据需要不同的样式，通过查询文档有两种实现的想法方法1：通过设置a-table的customRow，返回style方法2：通过设置a-table的rowClassName，对于不同的数据判断返回相应的class方法2可以实现相关的功能没错，但是方法1文档提供的customRow返回的对象描述就比较模糊了customRow用法需要改变样式的话只能猜想修改props里
Indomi·2020-07-29 22:29

用Vue实现登录

vue-cstudycdvue-cstudynpmrunserve2.下载AntDesignnpminstallant-design-vue--save3.把多余的代码先删除掉4.在main.js中引入AntDesign以及默认样式importAntdfrom"ant-design-vue"import"ant-design-vue
走到天涯海角·2020-07-28 21:31

Vuex从入门到实战（二）

4.2我们还要安装几个依赖：axios和ant-design-vue（ant-designUI组件库，也可以不使用或者使用其他擅长的组件库）npminstallaxiosant-design-vue-S4.3
耳鼻喉科魏主任·2020-07-28 15:18

vue引入多个UI框架

引入antdv：初始化antdv$npmi--saveant-design-vue局部引入import'ant-design-vue/dist/antd.css'import{Button,...DatePicker
橙橙鲁·2020-07-27 15:07

接私活又有着落了！推荐3个快速开发平台 前后端都有 ！

第一个就是优秀的Jeecg-boot快速开发平台前端采用阿里的ant-design-vue，兼容PC端、手机端、Pad端。
Java全能架构师·2020-07-27 14:24

ant-design-vue导航菜单a-menu的详细使用

ant-design-vue导航菜单a-menu的详细使用一、效果一、关键的API二、注意事项三、代码此文章包含了递归生成三级菜单，刷新状态保留，只展开一个父级菜单等常见问题。
一羊迁徙·2020-07-27 00:32

Vue-Vben-Admin-一个使用composition-api+ts的后台系统

VUEVBENADMIN介绍vue-vben-admin是一个全新的开源系统,基于ant-design-vue,typescript,@vue/composition-api,tsx实现的vue3风格的后台管理系统
vvvben·2020-07-24 13:08

ant-design-vue form表单 defaultValue默认值

defaultValue设置无效initialValue有效转载于:https://www.cnblogs.com/websjs/p/10194463.html
weixin_30394333·2020-07-15 03:42

使用Ant Design of Vue前端框架编写项目过程中遇到的问题汇总

main.jsimportVuefrom'vue'importAntdfrom'ant-design-vue'import'ant-design-v
小小平不平凡·2020-07-14 22:44

ant-desigin-vue中form表单的使用

form表单的使用form表单之获取表单的数据创建表单通过ant-design-vue去获取表单的数据是使用v-decorator的方式去给每个项去注册，这样才能通过组件去拉取表单的数据，同时对必填项做校验
ygman·2020-07-14 16:02

ant-design-vue中default-expand-all无效的问题

问题：在代码中设置了default-expand-all属性树形结构还是没有展开原因：因为default-expand-all属性是用来设置默认值的，而初始值treeData通常情况下是需要调异步请求来获取数据的默认是空数组，在treeData是空数组的时候组件已经渲染了，没有树结构节点所以default-expand-all属性看起来也没有发挥作用了。解决：在渲染组件的时候先判断treeData
ygman·2020-07-14 16:02

ant-design-vue树形结构控件的改造

最近项目PRD需求如下有一个树形结构的菜单管理，与官网ant-design-vue中提供的a-tree不同图标不同每条数据hover的时候都有操作按钮解决方案第一个问题这是不修改a-tree的任何样式文件时出现的
ygman·2020-07-14 16:02

ant-design-vue的兼容问题

ant-design-vue的兼容问题问题：ant-design-vue不兼容ie浏览器要求：ie兼容>=9环境：vuecli3搭建项目，[email protected]
lydxwj·2020-07-14 14:02

记使用mavon-editor上传文件的坑

上传文件请参考我的这一篇文章ant-design-vue上传头像uploadimg($e){//第一步.将图片上传到服务器.varformdata=newFormData();for(var_imginthis.img_file
一颗小陨石·2020-07-13 20:55

ant-design-vue运行时切换主题

目录创建项目安装并引入ant-design-vue按需引入antd定制主题提取antd的less变量文件切换主题项目地址创建项目可以参照https://vue.ant.design/docs/vue/use-with-vue-cli-cn
行走的芦苇丶·2020-07-13 09:33

antd less加载报错.bezierEasingMixin()解决

0.11.1","@antv/g2":"^4.0.0","@antv/g2plot":"^0.11.33","@types/mockjs":"^1.0.2","@types/vue-ls":"^3.2.1","ant-design-vue
Urmsone·2020-07-13 01:11

Ant-Design-Vue快速上手指南+排坑

前言公司要开发一个后台管理系统，对于UI库的选择上选择了颜值爆表的Ant-Design-Vue作为整个项目UI库，但谁曾想，暗中的坑一个接一个，文档也不怎么详细，可能习惯了element-ui的掘友们也许不怎么好适应
weixin_42647798·2020-07-12 12:00

ant-design-vue中的select选择器，对输入值的进行筛选。

今天在设计一个标签（采用的是Select选择器中的标签那一个）时，从后台返回了数据，但是在输入值时，没有对回显的值进行过滤匹配，通过查看官方文档，解决了这个问题。记在这里方便以后查看。{{t.tagName}}methods中：filterOption(input,option){return(option.componentOptions.children[0].text.toLowerCase
lz无痕·2020-07-12 10:18

Build a Multiple Choices Cascader by ant-design-vue

PrefaceIneedtomakeacascaderwhichcansupportmultiplechoices.However,Ididn'tfindanyuiwhichsupportsthatuntil2018.11.18.Thatwasalittlepity.MainIchecktheelement-uiandfindmultiplecascaderwasintoDoListwhilean
weixin_34314962·2020-07-12 09:46

【VUE】ant-design-vue table 初级应用：column中通过DataIndex与data中的项关联；让列值变成超链接；添加action列

磕磕绊绊才（大概）搞懂官网的例子。简单记录一下例子：https://www.antdv.com/components/table-cn/#components-table-demo-ellipsis-column{{text}}Name5?'geekblue':'green'">{{tag.toUpperCase()}}Invite一{{record.name}}DeleteMoreactions
贝阿朵今天依然鬼笑·2020-07-12 04:54

基于ant-design-vue中a-tree的搜索功能

项目开发是用的vue+ant-design-vue最近收到一个新的搜索需求，需要对目录树进行搜索，并将搜索到的值进行高亮与展开显示。废话不多说直接上代码，以下代码只是一个简单的demo。'+searchValue+'')">consttreeData=[{name:'0-0',key:'0-0',scopedSlots:{title:"title"},children:[{name:'0-0-0'
py_boy·2020-07-11 14:53

ant-design-vue 快速入手及常用标签

ant-design-vue快速入手及常用标签全局配置国际化文案1、按钮按钮2、图标3、输入框4、单选框Radio5、分页6、卡片7、布局侧边栏a-layout-sider头部导航栏、菜单、菜单标签a-layout-header
dengfen9251·2020-07-11 04:08

ant-design-vue中select跟tree-select设置placeholder无效

博主在使用ant-design-vue过程中，踩了非常多的坑，今天就部分组件的placeholder设置无效做记录。
ㄏ、Forgetˊ·2020-07-10 19:45

关于ant-design-vue的table内嵌输入框性能问题

总所周知，ant-design-vue是唐金洲老师凭借一己之力撸出来的一套基本ant-design的vue版本UI组件库，后来才归入了ant-design官方门下。
ㄏ、Forgetˊ·2020-07-10 19:45

Vue学习记录-创建一个传统的后台管理系统的界面(antd+vue)

creating-a-project.html2.引入antdhttps://www.antdv.com/docs/vue/introduce-cn/3.配置路由main.jsimportVuefrom'vue';importAntdfrom'ant-design-vue
AsianPangolin·2020-07-10 11:16

推荐3个快速开发平台 前后端都有 项目经验又有着落了

第一个就是优秀的Jeecg-boot快速开发平台前端采用阿里的ant-design-vue，兼容PC端、手机端、Pad端。
小詹学 Python·2020-07-10 09:47

推荐3个快速开发平台 前后端都有 接私活又有着落了

第一个就是优秀的Jeecg-boot快速开发平台前端采用阿里的ant-design-vue，兼容PC端、手机端、Pad端。
一直孤独的程序猿·2020-07-09 12:06

antd vue table表格内容格式化

目前在学习使用ant-design-vue，遇到table内容需要格式化，如下面的性别和打印状态。
狗狗狗狗亮·2020-07-08 22:30

vue 所有按钮属性、vue Button 所有按钮属性事件、vue a-button 所有按钮属性事件、vue 按钮所有属性事件、vue

1.按钮类型2.按钮组合3.不可用状态4.幽灵按钮5.图标按钮6.加载中状态7.多个按钮组合8.按钮尺寸9.block按钮2.API1.属性：2.事件1.组件注册import{Button}from‘ant-design-vue
用生命在耍帅ㅤ·2020-07-08 21:47

ant-design-vue Table组件和分页组件的自定义

ant-design-vueTable组件和分页组件的自定义vue.jsantdesign阅读约3分钟最近在个新项目里开发CMS端，vue技术栈和antd的UI框架表格table使用链接：antd的table分页pagination使用链接：antd的pagination表格单独使用时，自带简单分页，只包含上一页,页面码,下一页,例如：但是有时候产品和甲方的需求很奇葩，非得可选的pageSize，
年轻即出发·2020-07-08 20:14

关于ant-design-vue使用的优化配置

目前在项目中使用了ant-design-vue组件库，官方有对其配置按需加载功能，但是在实际使用用过程中，很多没有使用的组件还是被打包进了项目，主要集中在@ant-design/icons、moment
Z不懂·2020-07-08 16:08

ant-design-vue table组件字段提示、格式化

record.id":dataSource="dataSource":scroll="{x:2200}":rowSelection="{selectedRowKeys:selectedRowKeys,onChange:onSelectChange}":pagination="pagination":loading="loading"@change="handleTableChange"border
weixin_30361641·2020-07-08 13:47

ant-design-vue里的table自带分页的修改

https://segmentfault.com/a/1190000019129757:pagination="pagination"//在data里写pagination:{itemRender(current,type,originalElement){if(type==='prev'){returnPrevious}elseif(type==='next'){returnNext}retur
qq_45505241·2020-07-08 03:09

小白学习VUE第一课---如何看懂网上搜索到的VUE代码或文章---使用VUE的三种模式：...

小白学习VUE第一课---如何看懂网上搜索到的VUE代码或文章---使用VUE的三种模式：直接引用VUE;将vue.js下载到本地后本目录下使用;安装Node环境下使用;ant-design-vue只是
aqwq35484·2020-07-07 03:16

/node_modules/ant-design-vue/es/empty/style/index.less”解决办法

/node_modules/ant-design-vue/es/empty/style/index.less@.
旭哥的个人博客·2020-07-06 14:11

ant-design-vue 中table行 绑定点击事件

目前在学习使用antd中，需求双击表格行显示pdf，在table中给customRow设置行属性{{sex==1?"男":sex==0?"女":"/"}}{{status==1?"已打印":"未打印"}}methods中Rowclick(record,index){return{on:{click:()=>{},dblclick:()=>{console.log(record,index,2222
狗狗狗狗亮·2020-07-06 05:07

vue项目中解决文件上传 change事件只执行一次的问题

解决办法,借助v-if02)使用AntDesignVue官方的uploaddemo:这里是需求页面新增importVuefrom'vue'importAntd,{message,Select}from'ant-design-vue
大飞_dafei·2020-07-03 14:00

关于《Ant-design-vue 树形控件tree 新增节点，删除节点，编辑节点的解决方案》文章的补充

我看有不少人看到这个《Ant-design-vue树形控件tree新增节点，删除节点，编辑节点的解决方案》文章以后，有不少疑惑，关于删除，增加的问题，以及key重复的问题，我发的这篇文章只是提供了一个思路
仇益阳·2020-07-02 11:19

修改ant design vue的modal样式局部覆盖

antdesignvue的modal样式局部覆盖方法Vue代码Style部分方法使用ModalApi中的getContainer方法，将modal组件挂载到一个html节点上，例如可以挂载到div这个节点ant-design-vue
xibudefangniuwa·2020-06-30 11:11

vue-cli 中使用父子之间传值_父组件传值子组件_封装form表单

封装form表单使用prop属性,(借助v-bind绑定)study01.vue中代码这里是需求页面importVuefrom'vue'importAntd,{message,Select}from'ant-design-vue'import'ant-design-vue
大飞_dafei·2020-06-28 18:00

ant-design-vue组件的三种加载方式

完整引入main.js中全局引入并注册importAntdfrom'ant-design-vue'import'ant-design-vue/dist/antd.css'Vue.use(Antd)在页面中不再需要引入注册组件
weixin_34343689·2020-06-28 17:49

Vue安装ant-design-vue和ElementUI

前提已经安装了git和node下使用命令:npminstallant-design-vue--save复制代码或者yarnaddant-design-vue复制代码安装ant-design-vue相关插件之后
weixin_34119545·2020-06-28 11:08

记录使用Ant Design Vue过程中遇到的各种难点及教程（不定时更新）

在main.js里面的全局配置notification.config，message.config，我的需求是自动关闭延时秒数延长到6秒，//引入AntDesignVueimportAntdfrom'ant-design-vue
weixin_33860553·2020-06-28 06:34

vue2 typescript 项目 如何引入antd -ui组件

背景目前antd还没有写.d.ts类型的声明文件，所以无法在目前的项目中正常使用，当在ts文件中导入ant-design-vue的时候import{Button,message,Tree}from"ant-design-vue
乾坤瞬间·2020-06-27 04:02

在Vue中使用JSX的正确姿势

在Vue中使用JSX的正确姿势ant-design-vue开源了一段时间后，收到了一些反馈，尤其是Form组件上线后，很多用户对JSX的使用感到迷惑和不习惯，为此专门介绍下VueJSX的使用姿势及注意事项
程序员一木·2020-06-26 21:33

ant-design-vue的table动态列的显示和隐藏

功能如下点击多选列表中的每一项即可以在table中隐藏和显示没点击前点击后这样简单的动态设置table中的类表数据想了2种实现方式思路：声明2组相同的数据，一组是用于保持数据源不变，一组用于动态改变数据变化显示CheckallconstplainOptions=['Other','Gender','Company'];constdefaultCheckedList=[];constcolumns=
qq_42794520·2020-06-26 00:22
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他