Ant-Design-Vue 第6页

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

、引入1.完整引入importVuefrom'vue';importAntdfrom'ant-design-vue';importAppfrom'.

笑该动人d·2023-04-04 13:22

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

子瞻是也·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

vue项目中安装ant-design-vue出现错误

使用npmi--saveant-design-vue命令时，项目报错原因：项目中使用了eslint校验解决方案：在命令后面加一句--legacy-peer-deps，告诉eslint忽略掉不同版本的问题并继续安装，保证各个引入的依赖之间对自身所使用的不同版本modules共存–legacy-peer-deps：在安装时忽略所有peerDependencies新的安装命令为：npminstall--

SweetsT·2023-02-24 12:56

vue3.0 引入 ant-design-vue 报错 Uncaught TypeError: Cannot read property ‘use‘ of undefined

/store'importAntdfrom'ant-design-vue'import'ant-design-vue/

姽式、·2023-02-24 12:24

ant-design-vue：基础使用

一、环境介绍vue3+ts+ant-design-vue二、安装使用2.1、安装脚手架工具$npminstall-g@vue/cli#OR$yarnglobaladd@vue/cli2.2、创建一个demo项目2.2.1、创建项目$vuecreateantd-demo2.2.2、安装成功：2.2.3、项目目录及启动项目：2.2.4、启动成功2.2.5、查看最新稳定版vue版本发布|Vue.js由于

snow@li·2023-02-24 12:18

vue3.0引入ant-design-vue报错

1、npmi--saveant-design-vue2、3、报错:"export'default'(importedas'Vue')wasnotfoundin'vue'4、在当前目录下跑npmi--saveant-design-vue@next,然后重新跑下项目就可以了

m_uncle·2023-02-24 12:40

ant-design 组件引用报错

正常引用ant-design-vue，版本号为1.7.4使用组件时报错，Donotusebuilt-inorreservedHTMLelementsascomponentid：Select如图：提示意思为组件名不能和

ScreamDeveloper·2023-02-24 12:33

antd-vue 动态select回显时错误的处理方法

前提：select是动态的，之前提交过得值可能已经在select中删除了，所以回显时只有一串ID我的解决方法就是改源码：antd-vue版本^1.7.8源码位置node_modules\ant-design-vue

·2023-02-17 15:46

nuxtjs Cannot use import statement outside a module

但打包之后资源文件太大，打包了很多不需要的组件进去，于是安装并配置了babel-plugin-importbabel:{"plugins":[["import",{"libraryName":"ant-design-vue

野十六·2023-02-05 10:40

基于antdsignPro的后台管理系统权限控制指令改良

基于antdSignPro的权限控制实现方式，除了官网上的的直接隐藏/移除元素方式外，经过修改，此自定义指令也可适用于ant-design-vue的checkbox、tag、switch以及一个页面使用同一组件的权限控制

微笑是我_f8bb·2023-02-04 17:04

动态更换ant-design-vue主题颜色

刚开始接触新的业务需要用到ant.ui框架(https://antdv.com/docs/vue/customize-theme-cn/)1.vue.config.js定制主题官方的说明是直接在vue.config.js里面直接写明，项目启用直接引用该主题颜色微信截图_20210817140516.png//css相关配置css:{//启用CSSmodulesrequireModuleExtens

骑码走天涯·2023-02-02 18:42

Jeecgboot-Vue3 v1.2.0 版本正式发布，企业级低代码平台

项目介绍Jeecgboot-Vue3采用Vue3.0、Vite、Ant-Design-Vue、TypeScript等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能

jeecg博客·2023-02-02 12:17

antd-vue table双击编辑单元格，失去焦点保存

场景：使用ant-design-vue的table组件，要求实现新增，直接在表格中增加一行，双击或单击当前行状态变为可编辑状态，点击其他dom，失去焦点时，进行自动保存。

·2023-02-02 11:21

解决ant-design-vue安装报错的问题

目录ant-design-vue安装报错问题版本解决方法安装ant-design-vue报错npmERR!

·2023-02-01 21:23

推荐频道

Ant-Design-Vue