ant-design-vue

Vue-Vben-Admin-一个基于composition-api+ts的后台模版

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

高性能方案实现ant-design-vue在运行时动态改变主题色（利用webpack-theme-color-replacer）

今天利用webpack-theme-color-replacer插件，为ant-design-vue实现了在运行时动态切换主题色的功能，无需在页面进行less的编译，提升了切换速度。
okfine·2020-08-20 21:52

高性能方案实现ant-design-vue在运行时动态改变主题色（利用webpack-theme-color-replacer）

今天利用webpack-theme-color-replacer插件，为ant-design-vue实现了在运行时动态切换主题色的功能，无需在页面进行less的编译，提升了切换速度。
okfine·2020-08-20 21:52

ant-design-vue按需引入icon以及组件

3.75M→1.81M→99kb的转变本文目录一、初始化vue项目文件夹1.安装vue/cli2.创建Vue项目二、按需引入ant-design-vue1.安装ant-design-vue1.1分析全部引入体积有多大1.2ant-design-vue按需引入组件1.3ant-design-vue按需引入Icon组件一、初始化vue项目文件夹1.安装vue/cli（默认电脑已安装了node）打开命令
编程华仔·2020-08-19 22:18

ant-design-vue按需加载报错

按照官网提供配置方法进行配置：ant-design-vue按需加载npmrundev运行报错如下：这里试错后提供两种解决方案：1.babel.config.js中配置的style:true;修改为style
reffrselom·2020-08-19 19:41

基于ant-design-vue table 组件的使用

需求分析：这里主要介绍表格的字段渲染（筛选和排序），分页设置，选择功能设置等功能。1.表格渲染（筛选和排序）  对某一列数据进行筛选，使用列的filters属性来指定需要筛选菜单的列，onFilter用于筛选当前数据，filterMultiple用于指定多选和单选。filteredValue筛选的受控属性，外界可用此控制列的筛选状态，值为已筛选的value数组。customRe
qq_36437172·2020-08-19 19:18

3、按需引用ant-design-vue组件

:"^2.7.3""less-loader":"^5.0.0""babel-plugin-import":"^1.12.1"最后的依赖是这样的package.json"dependencies":{"ant-design-vue
SoOnPerson·2020-08-19 19:09

运用ant-design-vue组件库，且在项目中遇到的一些问题

难以改变的默认样式可能大家在运用到组件库的时候都会遇到要改变其组件自带的样式，组件自带的都难以去改变，下面来看看，这种方法很有效果。。。。。首先，!important对于一般的组件样式，找到你要改变其组件的class名，在样式后加上！important，它的权重比较高，。.ant-select{width:145px!important;}.happy-scroll-content{width:1
ddong345·2020-08-19 17:04

按需导入antd/ant-design-vue,Nuxt按需导入antd/ant-design-vue

1、所有文章优先发表在个人博客上：https://www.xdx97.com2、后续如果有修改的话，可能忘记更新到CSDN了，给你带来不便，抱歉。3、个人博客本篇文章地址：https://www.xdx97.com/article/6470747980646318081、首先我在创建项目的时候就选择了antd这个框架，所以插件那块会有一个antd-ui.js如果没有的话，可以npm安装一下antd
小道仙·2020-08-19 16:36

vue使用ant-design-vue时按组件加载遇到的问题

一直很喜欢ant-design-vue这一套ui，在使用过成中遇到一些问题。
chonghuan5167·2020-08-19 15:16

Jeecg-Boot 前端框架ant-design-vue ：关闭当前tab（自定义）

以下代码参考自CSDN博主「fenyuduanchangren」，感谢感谢！版权声明：本文为CSDN博主「fenyuduanchangren」的原创文章原文链接：https://blog.csdn.net/fenyuduanchangren/article/details/104139106注：2.0版本内源码也有写provide的关闭tab方法，具体调用可以参考：https://blog.csd
loa_loa·2020-08-19 10:33

ant-design-vue中a-date-piker日期选择器的使用/全局汉化(详细)

详细使用，踩坑后总结一、安装moment.js二、a-date-picker的使用1.在页面中引入a-date-picker控件：需要注意的点都写在注释中了2.查看打印结果3.a-date-picker控件上的改变事件三、从后台传值回来显示在a-date-picker控件中1.从后台获取到的值是string类型的值2.从后台获取到的值是时间戳四、a-range-picker的使用1.在这里我们解决
姹紫嫣红别样情·2020-08-18 18:21

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
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他