Ant-design-vue 第11页

ant-design-vue表单自定义校验规则以及提交前验证，防止校验未通过发送请求/含a-form-modal-item嵌套校验（详细）

ant-design-vueForm表单自定义校验规则一、自定义校验规则一、页面代码：二、表单绑定数据以及校验规则二、提交前验证，防止校验未通过发送请求三、a-form-modal-item嵌套校验一、自定义校验规则本处以校验手机号为例。一、页面代码：1、a-form-model组件身上的属性：ref：将当前表单挂载到vue实例身上，方便调用该组件的方法，例如我一会要说的validate，以及re

姹紫嫣红别样情·2020-08-18 18:21

ant-design-vue中a-date-picker组件只选择年份/含表单验证（已解决）

一、ant-design-vue中a-date-picker组件只选择年份今天遇到了在日期选择器中只选择年份的日期选择器，但是是使用的ant-design-vue，目前还没有只选择年份的日期控件，但是需求还是要实现

姹紫嫣红别样情·2020-08-18 18:21

关于ant-design-vue安装报错的解决方法

版本[email protected]@6.1.0解决方法在vue.config.js里加入解决~module.exports={+css:{+loaderOptions:{+less:{+lessOptions:{+javascriptEnabled:true+}+}+}+}}下面是我的吐槽，可以不看说来也是无语，按照官方文档来，竟然还会报错，类似这样.bezierEasingMi

我要你好好的。·2020-08-16 16:35

ant-design-vue中自定义a-tree的打开与折叠图标

ant-design-vue中的价绍真的令人抽象，废话不多说，介绍打开与折叠图标的应用。

py_boy·2020-08-16 13:09

ant-design-vue 修改ant-input disabled样式（原先样式他们觉得太深了，把字体原色改明显了，背景色改浅了）

在src目录下新建一个common.less文件，在main.js里面引入这个文件common.less覆盖原先的样式/*覆盖ant-design-vue样式**/.ant-input[disabled

YeahT·2020-08-15 07:44

Vue.js —— 使用ant design vue时无法加载less-loader/less模块

问题来源：antdesignvue的issueshttps://github.com/vueComponent/ant-design-vue/issues/234问题产生原因：如果安装vue-cli3，

咖啡加冰ovo·2020-08-15 06:05

ant design vue 在线自定义更换主题颜色

上的主题颜色更换感觉挺酷的就研究了一下，因为最近想用vue重写一版博客所有就用的vue+antdesign做的这个demo1创建项目用vuecli创建项目之后需要先安装以下两个插件第一个是ui都知道第二个是用来改变颜色的插件“ant-design-vue

前端小白请多指教·2020-08-14 23:09

Vue UI 组件库【Ant-design-vue】的使用心得

最近上手写了写vue的代码，选择的是阿里的ant-design-vue的组件库，感觉整体上上手容易，使用比较方便。下面简单的记一下使用心得。

qcl006007·2020-08-14 10:42

ant-design-vue 时间选择器a-date-picker mode=“year”不生效

ant-design-vue时间选择器a-date-pickermode=“year”不生效这个问题很简单，更新到最新版本"ant-design-vue":"^1.6.4"顺便把实现的代码也写上

前端好心人帮帮忙·2020-08-13 17:25

antdv国际化报错

报错内容Warning:[antdv:LocaleProvider]LocaleProviderisdeprecated.PleaseuselocalewithConfigProviderinstead升级ant-design-vue

lydxwj·2020-08-13 15:05

【ant-design-vue】树形表格数据，实现父子关联选择

/**引入ant-design-vue的Table*/importVuefrom"vue";importTablefrom'ant-design-vue/lib/table';//加载JSimport'ant-design-vue

红枫忆梦·2020-08-12 17:26

用 vue-cli创建一个项目

组件开发页面在项目中安装antdesignvue:npminstallant-design-vue安装后，再main.js中进行如下操作：importVuefrom'vue'importAntdfrom'ant-design-vue'import'ant-design-vue

Dwill1·2020-08-11 20:09

使用vue-cropper实现图片裁剪，放大缩小，实时预览等

效果图1、安装npminstallvue-cropper-S2、main.js引用importVueCropperfrom'vue-cropper'importAntdfrom'ant-design-vue

100斤的狗·2020-08-10 04:45

Ant-design-vue 树形控件tree 新增节点，删除节点，编辑节点的解决方案

Ant-design-vue树形控件tree新增节点，删除节点，编辑节点的解决方案最近项目需求如下，想做一个菜单管理，用tree的形式，用过element-ui的都知道怎么处理，但是由于ant-design-vue

仇益阳·2020-08-09 09:44

基于VUE 开发的表单设计器

k-form-design基于vue和ant-design-vue实现的表单设计器组件预览地址http://cdn.kcz66.com/form-design.html组件地址https://www.npmjs.com

向前~皮卡丘·2020-08-05 17:19

全栈笔记-前端-第一部分:HTML5+CSS3-03-HTML5的基本结构(下)-常用标签分类和介绍

一,前言首先要说一下,距离上一篇全栈笔记的更新大概有半个月了这段时间基于Vue-cli3和Ant-Design-Vue做了一个后台管理的Demo我也想把这个思考学习的过程记录下来,所以在博客和Git上对整个过程做了记录一步一步实现一个开箱即用的后台管理平台模板

BraveWangDev·2020-08-05 09:05

Ant-design-vue更换主题色

需求使用ant-design-vue，框架本身使用的蓝色主题色，需要更换成UI指定的颜色。

酸酸的酸酸酱·2020-08-05 04:11

Ant-Design-Vue和Icon按需加载方案 - JeecgBoot实战

JeecgBoot实战-按需加载方案文章目录JeecgBoot实战-按需加载方案一、Ant-Design-Vue按需加载二、Icon按需加载一、Ant-Design-Vue按需加载1.创建js文件src

JEECG开源·2020-08-05 04:38

vue-cli ant-design-vue使用

importVuefrom'vue';importButtonfrom'ant-design-vue/lib/button';import'ant-design-vue/dist/antd.css';importAppfrom

xidianzxm·2020-08-05 03:31

vue-cli 3.x安装及ant-design-vue

windows)E:\stydy>node-vv8.12.0E:\stydy>webpack-v4.29.6E:\stydy>npm-v6.4.1E:\stydy>vue-V3.7.03.创建项目我在此处想使用ant-design-vue

shenhaidezhu·2020-08-05 02:53

vue-cli如何按需引入Ant-design-vue

第一步通过vue-cli安装ant-designvueaddant-design第二步配置按需引入配置antd官方文档提到的babel-plugin-import，一个用于按需加载组件代码和样式的babel插件，样式自动加载需要先装这个插件npminstallbabel-plugin-import--dev安装完后配置babel.plugin.config文件，复制官方文档配置module.exp

HolleBug·2020-08-05 01:23

vue-cli3.0 ant-design-vue快速上手

1在vue-ui中，安装插件：ant-design-vue或者在vscdoe中输入：npminstallant-design-vue--save2.vscode中输入：npminstallbabel-plugin-import

qq_37827210·2020-08-05 01:05

vue-cropper + ant-design-vue 实现裁剪图片并上传到服务器

需求：上传的图片要进行裁切或压缩到C端显示的格式与大小主要应用于PC端的后管涉及到新增过程与图片回显（修改）思路：点击上传，从本地选择图片文件选择文件夹后进入模态框（将选择的图片塞入模态框）模态框作为裁剪图片的容器进行裁剪获取裁剪后的结果并将裁剪后的图片对象返回给父组件父组件获取到裁剪后的图片文件进行上传成功后将图片回显修改过程：将后端数据回显到图片框内点击图片重复上述1-5步成功后覆盖掉当前页面

kindCoder·2020-08-05 01:12

Ant Design of Vue 定制主题

antd-variable.less/*Writeyourvariableshere.Allavailablevariablescanbefoundinhttps://github.com/vueComponent/ant-design-vue

灯火暗·2020-08-05 00:16

vue-cli3中引入ant-vue时的less依赖报错

module.exports={presets:['@vue/app',],//配置babel-plugin-import,用于按需加载组件代码和样式plugins:[["import",{libraryName:"ant-design-vue

虫Sunage·2020-08-04 23:26

vue-cli4 优化之 Ant Design Vue

按需加载babel.config.jsmodule.exports={presets:['@vue/app'],plugins:[['import',{libraryName:'ant-design-vue

DongFuPanda·2020-08-04 23:21

vue-cli2里定制antd-design-vue主题.md.md

安装less、less-loadernpminstalllessless-loader--save2、在main.js里将引入的antd.css文件改成antd.lessimportAntdfrom‘ant-design-vue

小仙女中的穷逼·2020-08-04 23:09

使用ant-design-vue和vue-cropper实现裁剪图片并上传到服务器

安装vue-croppernpminstallvue-cropper在main.js里面使用importVueCropperfrom'vue-cropper'Vue.use(VueCropper)需求：用户上传图片后，需要裁剪，并保留，上传到服务器思路：点击上传，从本地选择图片文件选择文件后弹出模态框（将选择的图片传递过去）模态框作为裁剪图片的容器进行裁剪获取裁剪后的结果并将裁剪后的图片上传到服务

起个名都费劲·2020-08-04 23:59

ant-design-vue 之Tabs 标签页

基本代码ContentofTabPane1ContentofTabPane2ContentofTabPane3exportdefault{data(){return{}},methods:{callback(key){console.log(key)},},}项目里面用首先在在:defaultActiveKey="customActiveKey"这里的customActiveKey要指定默认值和k

推开世界的门·2020-08-03 22:25

基于ant-design-vue的简易农历日历

最近在用ant-design-vue开发过程中，想使用农历日历，不过现有的Calendar暂时不支持农历日历，于是基于ant-design-vue的组件Calendar，再此基础上进行扩展开发了一个简易的农历日历组件

巴山南·2020-08-03 15:48

如何用纯css打造类materialUI的按钮点击动画并封装成react组件

前言作为一个前端框架的重度使用者,在技术选型上也会非常注意其生态和完整性.笔者先后开发过基于vue,react,angular等框架的项目,碧如vue生态的elementUI,ant-design-vue

徐小夕_上海·2020-07-30 18:45

ant-design-vue 遇到的问题和常见场景的实现

ant-design-vue遇到的问题和常见场景的实现1、select/datepicker/asacader组件菜单框显示时，滚动页面，菜单框不随父元素滚动，而是根据body页面滚动原因：ant默认append

wwf1225·2020-07-30 18:35

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

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

别样红。·2020-07-30 18:23

vue elementui以及ant-design-vue menu for循环

elementui{{item.name}}{{item.name}}{{subItem.name}}exportdefault{name:'TopMenu',data(){return{menuData:[{name:'系统首页',path:'/home',children:[]},{path:'/comprehensive',name:'综合展示',children:[{path:'/stat

恍恍惚惚斯基·2020-07-30 17:19

ant-design-vue 自定义主题

https://github.com/ant-design/ant-design/issues/8348issues地址看到的1、插件地址:https://github.com/yesmeck/webpack-less-theme-plugin下载插件npmiwebpack-less-theme-plugin--save-devvue.config.js（vue-clirc3.0）constLes

前端人·2020-07-30 17:58

ant design of vue 使用记录

获取选项文本并设置默认设置labelInValue属性，获取到的value会成为{key:string,label:string};大于等于大于小于等于小于2、日期组件汉化importzh_CNfrom'ant-design-vue

weixin_34178244·2020-07-30 17:50

ant-design-vue form表单 defaultValue无效,得用v-decorator的initialvalue

defaultValue无效,initialValue才有效

stevenxyy·2020-07-30 16:45

与 ant-design-vue tree 组件自定义图标的相爱相杀

与ant-design-vuetree组件自定义图标的相爱相杀文章目录与ant-design-vuetree组件自定义图标的相爱相杀小结最近遇到了在tree组件中需要用到自定义icon图标的需求给出的需求是：返回数据的节点类型是不同的，要根据不同类型加不同图标展示这里，我看到tree组件的自定义图标是通过slots属性或scopedSlots属性(当时也没细细比较二者的区别，后者好像可以在temp

suressk·2020-07-30 16:33

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-vue