ant-design-Vue

vue3安装使用ant-design-vue

[email protected]中引入importAntdfrom'ant-design-vue'import'ant-design-vue/dist/antd.css'constapp
前端来入坑·2023-04-14 13:21

JeecgBoot实战—前端Ant-Design-Vue专题

这里写目录标题时间组件j-date基本使用局部使用组件全局使用j-date组件a-date-picker基本使用Input基本使用select基本使用v-for遍历创建a-selectv-modeldisableddefaultValue和changemode="multiple"Upload上传table表格表格分页参数ModalForm表单集成echarts数据字典组件DictSelectTa
迷失的小鹿·2023-04-11 20:24

关于 ant-design-vue a-table 表格的使用

本文所用到的为v1版本的ant-design-vue框架操作栏通过slot-scope的属性实现res.indexId":scroll="{x:1200}"class="mb20">详情{id:"10"
冰魂破·2023-04-10 00:11

ant-design-vue a-range-picker 限制时间区间

pickTime_task:[],methods:{moment,calendarChange(dates){this.pickTime_task=dates;},disabledDate(current){if(this.pickTime_task&&this.pickTime_task[0]){return(currentmoment(this.pickTime_task[0]).add(90
冰魂破·2023-04-10 00:11

ant-design-vue a-range-picker月份范围选择后弹框不关闭

exportdefault{data(){return{monthPickShow:false,formState:{settleMonth:[]},}methods:{handlePanelChange(value){if(this.formState.settleMonth[1]&&this.formState.settleMonth[1]._d!=value[1]._d){this.mont
冰魂破·2023-04-10 00:11

ant-design-vue按需加载报警告——2022-04-21

在使用FormilyVue中配置了按需加载如图：npmrunserve运行后报警告如图：（导致页面也无法显示）然后去ant-design-vue官网找答案，因为项目是Vue2,对应的ant-design-vue
有个抽抽·2023-04-09 16:09

vue问题-ant-design-vue按需引入问题

插件按需引入vue项目中使用了UI框架ant-design-vue，因为开始尝试vue3.0,因为有些不熟悉，在使用使用了vue2.0的方式没成功，所以浪费了很长时间，最后发现是个人疏忽导致的，所以记录一下
三知之灵·2023-04-08 13:57

antd vue实现组件的按需引入

import{Layout,Button,Icon,Carousel,Input}from"ant-design-vue";import'ant-design-vue/lib/button/style/
逆风优雅·2023-04-08 13:56

按需引入Ant-Design-Vue

babel-plugin-importnpmibabel-plugin-import2.创建antd配置文件ant-design/index.js，需要用到什么组件把注释去掉就可以了importVuefrom'vue'importAntdfrom'ant-design-vue'const
XC_Echizen·2023-04-08 13:49

常见问题任务（汇总一）

目录vue1.vue项目中导出表格2.使用轮播展示数据3.全局事件总线的运用4.获取焦点元素上移，加阴影5.使用echarts6.添加加载的进度条7.使用ant-design-vue(vue2)8.使用轮播
~林十一·2023-04-07 02:55

vue3入门——插件开发！！！

一个相当好用的组件库ant-design-vue也出了正式版2.0，它是全面兼容Vue3的，同样好用的移动端组件库Vant也已经早早兼容Vue3。
帝尊菜鸟·2023-04-06 15:39

ts + axios封装

/interceptor';import{message,Modal}from'ant-design-vue';impo
夜丶陌颜·2023-04-05 06:00

在使用vue+antd组件按需引入时遇到的坑

、引入1.完整引入importVuefrom'vue';importAntdfrom'ant-design-vue';importAppfrom'.
笑该动人d·2023-04-04 13:22

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

第一个就是优秀的Jeecg-boot快速开发平台前端采用阿里的ant-design-vue，兼容PC端、手机端、Pad端。
weixin_37097680·2023-04-04 09:31

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

第一个就是优秀的Jeecg-boot快速开发平台前端采用阿里的ant-design-vue，兼容PC端、手机端、Pad端。
code小生_·2023-04-04 08:55

vue3Blog首页基础布局样式规划

思考：我们已经安装了一个ant-design-vue的组件库，是否还可以安装其他的UI组件库混合使用？
轻编程·2023-04-03 19:04

Vue项目如何ant-design-vue框架？

进入我们刚才创建的项目目录cdvue_ant安装多个组件cnpmi--saveant-design-vuemoment//安装最新版的ant-design-vue,支持vue3cnpmi--saveant-design-vue
轻编程·2023-04-03 19:31

报错 Cannot read properties of undefined (reading ‘propsData‘)“ ？

报错信息如下：问题描述：我一开始是这样引入的：importVuefrom'vue'import{Menu,Layout,Icon,Breadcrumb}from'ant-design-vue'//按需引入组件并注册
小小晓呀·2023-03-30 10:37

前端开发又走过一年，面朝2021愿更好

过去一年，一共做个十几个小项目（单页面应用，逻辑不复杂，接口少，侧重动效），整理了团队使用的前端模板，开发数据结构驱动的管理平台前端框架（基于ant-design-vue），参与几个toB管理平台的开发等
gaoshu883·2023-03-29 11:12

Vue后台管理系统模板推荐

目前比较流行和Vue搭配的UI组件有Element-UI、iview、Bootstrap-Vue、Ant-Design-Vue，另外还有Vuetify、Buefy（Bulmacss）、VueM
子瞻是也·2023-03-28 15:26

vite按需引入 Ant Design Vue 3.0

1、安装ant-design-vue插件npmi--saveant-design-vuenpmiunplugin-vue-components-D2、配置vite.config.js//vite.config.jsimportComponentsfrom'unplugin-vue-components
Paul_Chan_·2023-03-28 14:01

按需引入ant-design-vue组件

一、首先创建一个新的Vue项目vuecreatexxx选择default含有babel和eslint。或者自定义Manuallyselectfeatures。babel是一个转码器，主要用于ES2015+代码转换为JavaScript向后兼容版本的代码eslint是一个代码检测工具。用来规范编码规范用。自定义可选的插件有，Babel，TypeScript，ProgressiveWebApp(PWA
石云升·2023-03-28 14:55

ant-design-vue自定义主题

首先看官方文档的解释：AntDesignVue定制主题根据需要，我这里是vue3的版本1、修改vue.config.js，新加入如下代码块module.exports={........................css:{loaderOptions:{less:{lessOptions:{//Ifyouareusingless-loader@5pleasespreadthelessOptio
学习使我快乐——玉祥·2023-03-28 14:52

ant-design-vue切换主题+换肤+自定义换肤+less动态换肤

换肤核心思路：用lessjs动态改变皮肤变量window.less.modifyVars({"primary-color":"red",})ant换肤的思路：用vue文件流，读取ant的样式，然后写到一个新的less文件中，然后再把自己的less加到最终的less文件，然后引用这个大文件就行了安装依赖npmiantd-theme-generator--savemain.js引用ant的less样式
Teln_小凯·2023-03-28 14:17

ant-design-vue table 使用列头跟表格不对齐

ant-design-vuetable列头跟表格内容对齐百度到了说需要直接把表格头固定宽，试了下有效果但觉得的不够灵活，于是自己找到了一个较好的方法。这也解决了横向滚动条拖到底列不对齐的问题。相比固定宽，可以一劳永逸。//全局中添加以下样式.ant-table-fixed-header.ant-table-scroll.ant-table-header{width:calc(100%-8px);/
Ben_e56e·2023-03-28 13:50

Vue3与Ant-Design-Vue的Modal弹窗控制底部footer自定义

import{Modal}from"ant-design-vue";//引入资源//调用Modal的对话框functionshowDialog(){Modal.confirm({title:"提示",content
从入门到放弃_nys·2023-03-23 17:38

ant-design-vue 气泡自定义HTML弹窗

{{manageOptionCodes?manageOptionCodes:'--'}}//自定义html的弹窗popover(){//上面的index好像是第几个参数就是returnfunction(index){letresult="";if(this.swindleAccountList[index].manageOptionCodes){letmanageOptionItems=this.
小石潭记丶·2023-03-23 17:57

vue按需引入ant-design-vue报错解决方案

通过vue-cli创建的应用，安装了ant-design-vue,并通过babel-plugin-import进行按需引入。
一通·2023-03-22 12:18

vite+vue3+ts+vue-router+vuex+axios+esline+prettier+axios+antd(ant-design-vue)

1、创建项目使用vue-ts模板创建项目npmcreatevitemy-vue-app--templatevue-ts项目目录截图2、安装和配置vue-router2.1、安装[email protected]、配置vue-router2.2.1、在src创建router文件夹并且在router文件夹下创建index.ts文件import{createRou
zy_080400·2023-03-20 11:35

ant-design-vue table多行表头

背景项目中要实现多行表头的表格，，其实最主要的还是columns的写法，在columns中加上children就可以定义子表头了参考地址：【进阶Ant-Design-Vue】你知道table多级表头嵌套展开写法吗
明天又会在哪里·2023-03-20 01:42

vue3封装一个仿ant-design-vue的table组件

最近需要在不使用UI框架的情况下封装一个简单的表格，由于对antd-vue比较熟悉，所以仿照了antd-vue的样子写了个简化版的Table组件。使用技术：VUE3、SCSS用过antd-vue的都应该知道table组件主要的传参是两个：columns和dataSource，分别对应表头信息和表格的数据信息。1.表头数据columns表头的传参数据结构如下：[{label:'姓名',key:'na
VtoC·2023-03-20 01:11

Vue+ant-design-vue 表格实现可拖动的伸缩列

应客户要求，表格要实现列宽可以自主调节，用户可以根据自己的喜好，拖动列边框，左右拖动实现列宽的扩大和缩小；ant-design-vue官方文档中，table组件中提供了此功能的示例代码。
清狂无益·2023-03-20 01:11

[ant-design-vue]ant-design-vue的table列合并场景应用

环境“ant-design-vue”:“^1.6.5”,“vue”:“^2.6.12”,table列的展示想要实现合并两列，但是标题不需要合并的场景方式1{//合并两列dataIndex:"combin
三知之灵·2023-03-20 01:11

使用ant-design-vue的Table组件

文章目录安装脚手架工具使用VueCLI新建项目下载ant-design-vue，[email protected]修改main.js，完整引入ant-design-vue所有组件及样式修改HelloWorld.vue
richest_qi·2023-03-20 01:41

Ant-design-vue 默认组件多语言切换

创建一个store对象，保存当前的语言//默认语言constlangKey="LocalLang";exportdefault{namespaced:true,state:{//默认中文lang:"",},mutations:{//初始化默认语言initLanguage(state){varlang=localStorage.getItem(langKey);if(lang==null){stat
Teln_小凯·2023-03-20 01:40

(vue)ant-design-vue中a-table列表数据升/降排序

(vue)ant-design-vue中a-table列表数据升/降排序项目场景知识管理系统表格标题列需按字母排序，其中中英文标题混和最终效果：//表格列的配置描述constcolumns=[...
nyf_unknown·2023-03-20 01:40

ant-design-vue a-table 表头添加tooltip

仅统计ISC各单位用户数单位名称columns:[{dataIndex:"diqu",key:"diqu",width:100,fixed:"left",slots:{title:"cusTitle"},},
sly _ sly·2023-03-20 01:40

ant-design-vue table表头拖拽功能 踩坑

[email protected]、必须在table-draggable-handle样式中加入：transform:none;position:absolute否则不起效果ant-design-vue
czx3387170·2023-03-20 01:09

ant-design-vue中a-table设置表头和表格内容不同对齐方式

a-table表头和内容不同对齐方式1.需求说明2.实现方式2.1代码总结1.需求说明1.表格中的表头左对齐内容右对齐2.实现方式使用ant-design-vue中customCell属性，官网没有示例
f5l5y5Y·2023-03-20 01:09

Ant-design-vue table表头自定义icon

场景：在使用ant-design-vue中需要对table表头设置自定义图标，并做tooltip提示如下图官方文档给出filtericon配合slot使用注意：这里是说“自定义filter图标”那么该怎么做呢
骚断腿的朙朙·2023-03-20 01:39

vite + ant-design-vue3日期组件语言不显示中文问题解决

随着ant-design-vuev3的推出，ant-design-vue官方把时间组件中的momentjs替换成了dayjs，升级完后发现日期显示不正常（月份，星期不显示中文），如下：image.png
哈哈我爱你·2023-03-19 12:44

Vue3相关组件项目依赖依赖版本信息

"dependencies":{"@vuepic/vue-datepicker":"^4.2.1","ant-design-vue":"^3.2.15","core-js":"^3.28.0","swiper
theMuseCatcher·2023-03-19 09:02

vite + vue3 + setup + pinia + ts 项目实战

完整技术路线开发的项目，秒级开发更新启动、新的vue3compositionapi结合setup纵享丝滑般的开发体验、全新的pinia状态管理器和优秀的设计体验（1k的size）、antd无障碍过渡使用UI组件库ant-design-vue
sssgoEasy·2023-03-18 22:35

js中replace()方法如何匹配最后一个符合条件的字符并替换

想显示的样式：前缀_div框_后缀前缀值data:businessPrefixE:'inc_',//前缀suffixE:'_flag'//后缀ant-design-vue中设置a-input的前缀和后缀
_信仰zmh·2023-03-17 19:14

vue -> js文件中使用弹窗组件

import{Modal}from'ant-design-vue'import'ant-design-vue/lib/modal/style/css'const_checkSameTab=(to,next
快乐的果哥·2023-03-17 00:43

svg-symbol引用方法

【序】今天想为vue封装一个可以通过name就生成一个icon的组件，平时我们都是通过class来添加一个字体icon，但是看到ant-design-vue中是使用的svg-icon的，并且配合阿里的iconfont
陌客百里·2023-03-16 20:55

Antdesign Vue 使用babel按需加载ui组件不显示 Antd is undefined

加/esmain.js中importAntdfrom'ant-design-vue/es'Vue.use(Antd)
Taurus_sheep·2023-03-16 17:09

自定义ant-design-vue中TABLE表格的展开图标 expandIcon 改写

需求背景为表格嵌套子表格并可展开，隐藏掉子表中没数据的展开图标首先ant-design-vue并没有提供对应的案例参考，按照文档的提示写法expandIcon这个属性支持prop传参以及slot写法，但是实际测试下来并不能像
snakeninja110·2023-03-13 22:17

Vue项目里面使用ant design vue 并引用IconFont图标

首先引入Iconimport{Icon,message}from'ant-design-vue';其次，在IconFont自己的项目中找到项目链接地址constMyIcon=Icon.createFromIconfontCN
程序媛小仙女·2023-03-09 16:48

npm安装ant-design-vue，运行npm run dev报错

报错截图：原因：在安装的时候执行命令npmiant-design-vue这句命令是将依赖安装在dependencies中，而非devDependencies中解决办法：执行npmiant-design-vue--save-dev，将依赖安装在devDependencies中就可以了dependencies与devDependencies的区别：devDependencies下列出的模块，是我们开发
年华一度水一歌·2023-02-24 12:27
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他