ant-design-vue

vue3 使用antd 报错Uncaught TypeError--【已解决】

问题现象使用最基本的ant-design-vue按钮demo都报错报错文字如下UncaughtTypeError:Cannotreadpropertiesofundefined(reading'value
阿雷由·2023-12-20 19:30

企业级低代码平台，JeecgBoot-Vue3版 v1.3.0 里程碑版本发布

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

vite+vue3+ts+tsx+ant-design-vue项目框架搭建

目录一、涉及到的相关依赖二、项目创建三、项目配置3.1、Tsx支持3.2、路径别名配置3.3、less配置3.4、router配置3.5、vuex配置3.6、ant-design-vue框架配置使用3.7
Helen_fight·2023-12-14 19:58

vite配置ant自动引入

安装ant组件，并引入使用//main.ts中//ant-design-vueimportAntdfrom'ant-design-vue';import'ant-design-vue/dist/antd.css
这个一个非常哈·2023-12-14 13:30

Ant-Design-vue表单的编辑功能数据的回显

注意点：1.需要将传入过来的数据进行深拷贝，否则在编辑弹框中修改数据会导致页面数据一起变化2.在给a-form赋值时，需要调用this.$nextTick方法，否则会报错提示dom没有渲染，且赋值时需要按需赋值，这里调用lodash中的_.pick方法3.Ant-Design-vue中的组件他的值为一个Monent对象，在使用时或传入时都需要进行转换否则会报错。男女编辑删除//编辑按钮editUs
skyTree,,·2023-12-05 23:55

关于vue3中按需引入流程ant-design-vue如何操作

[email protected]下载指定版本[email protected]、main.js文件引入并使用importAntdfrom'ant-design-vue'import'ant-design-vue
不屈油条·2023-12-04 20:45

ant-design-vue 表格组件a-table中行使用Popover错位解决方案

无效的方案content里面设置宽高overlayStyle设置弹窗宽高加forceRender属性分析：Popover定位的top不固定变化，有时正确有时不正确，传入logList数据不变后，不会发生错位，而流程上每次显示弹窗再去请求数据，导致错位解决方案：record中添加showLog字段标记显示隐藏拿到数据后改变showLog使其显示把查看按钮提到外面，避免Popover组件本身的点击改变
把信带给加西亚_a7c3·2023-12-04 00:23

vscode配置代码片段

.下面为json内容{“vue-template”:{“prefix”:“modal-table”,“body”:[“”,"“,"”,"“,“”,“”,“”,“import{message}from‘ant-design-vue
天蚕土豆丝·2023-12-03 02:13

vue3使用ant-design-vue的Modal的小技巧

1.getContainer。在使用Modal时，可选择是否挂载到某个HTML节点，一般不想让背面的方法被触发，会选择不挂载，这样Modal会默认挂载到和同一级别下的节点上，遮罩会将app里面的内容覆盖，导致app里面的内容无法使用，只要把Modal关了就可以继续使用。而当我们想用背景的内容来操纵Modal里面的数据的时候，往往需要操作app里面的内容，例如点击按钮等等。这个时候就需要把Modal
Yosola·2023-12-02 10:50

解决ant-design-vue中Select组件v-model值为空字符串不显示placeholder的bug

方法一：1.找到node_modules/ant-design-vue/es/vc-select/SingleSelector.js文件搜索renderPlacehoder方法将其修改为constrenderPlacehoder
原谅我不够洒脱·2023-11-29 07:50

ant-design-vue文件上传中的beforeUpload方法和change方法

ant-design-vue文件上传中的beforeUpload方法和change方法使用vue+ant-design时，遇到了点小问题，文件上传的过程中，如果文件不立马上传，需要在beforeUpload
我爱Java,Java万岁·2023-11-28 03:18

基于JEECG-BOOT制作“左树右表”交互页面

实现目的：1、左边树结构从两张表生成，并封装成控件，方便后期重复调用；2、右边列表，默认展示点击的叶子节点的关联数据，点击保存后，保存最终结果；3、通过ant-design-vue统一UI风格具体开发：
瀚岳-诸葛弩·2023-11-28 01:34

vue中下拉树树形结构的虚拟列表优化和ant-design-vue的form表单问题

元素的减少下拉树列表数据做虚拟列表实现封装的下拉树组件代码优化下拉树产生的场景最近在跟一个中烟的项目，我们单位是中烟的承接单位，碰到了一个树形结构的下拉框，卡顿比较严重，还有树形结构的穿梭框也是，这个树形结构是后端一次性给前端了，经过ant-design-vue
lalaladamowang·2023-11-24 07:15

webpack external 详解

使用方法：附上代码块config.set('externals',{vue:'Vue','vue-router':'VueRouter',axios:'axios','ant-design-vue':'
qq_41167198·2023-11-22 11:54

【vue】ant-design-vue的树结构实现节点增删改查

根据业务需要，实现树结构的节点新增编辑删除功能，主要逻辑是利用树节点的scopedSlots属性对其进行自定义改造，监听悬停事件在节点右侧出现增删改对应图标，点击图标出现弹窗表单对内容进行修改，具体代码如下：//模板部分0"show-icondefault-expand-parent:tree-data="factorTreeData":defaultExpandAll="true":autoEx
心酱儿·2023-11-22 01:00

前端处理大文件/视频分片上传，断点续传

1、html部分，项目使用的是ant-design-vue组件库；spark-md5进行加密上传image2、使用变量：（通过上传成功的分片数与总分片数对比判断上传是否完成）image3、主要方法：1、
ikerboy·2023-11-21 05:32

vue3 语法糖setup 动态加载组件

defineAsyncComponent使用:import{ref,watch}from'vue';import{Tabs}from'ant-design-vue';constATabs=Tabs;constATabPane
TCancel·2023-11-20 13:27

ant-design-vue 上下移动表格的行

handleDeletePro(record.planId)">删除importSortablefrom'sortablejs'mounted(){this.initSortTable()},//上下移动表格行initSortTable(){consttbody=document.querySelector('#tttbody')methods：{letthat=thisnewSortable(t
wwll177·2023-11-20 06:32

依据electron-vite写一个多窗口多页面demo，包含切换主题，sqlite-better3数据库

新项目需求需要开发一款桌面软件，需要多窗口功能，在electron-vite基础上增加相关功能，基于vue3开发，包含多页面功能，根据ant-design-vue加入黑白两色主题模式，electron增加
骑猪撸代码·2023-11-18 22:24

通过自定义指令实现 ant-design-vue 的a-modal弹窗可拖动

文章目录一、创建drag.js文件二、使用步骤1.全局使用，在main.js中引入drag2.代码中使用一、创建drag.js文件importVuefrom'vue'//自定义指令使弹窗可拖动//使用方式://加上v-drag-modal一定要加上destroyoncLose属性，否则弹窗不会回到初始位置Vue.directive('drag-modal',(el,bindings,vnode)=
Take-Your-Time·2023-11-17 17:28

vue3 实现pdf预览

aspdfjsLibfrom"pdfjs-dist/build/pdf.js";import*asworkerSrcfrom'pdfjs-dist/build/pdf.worker.min.js'import{message}from"ant-design-vue
唐十八_wei·2023-11-17 16:18

修改a-rate评分颜色；a-rate评分十分制

使用ant-design-vue的rate评分组件1。修改颜色2。十分制（默认是5分，改成10分。
i_am_a_div_日积月累_·2023-11-15 19:00

Vue+axios使用FormData方式向后端发送数据

文章目录前言一、该功能应用场景二、代码示例1.前端（使用的ant-design-vue，element-ui同理）2.后端三、效果演示四、问题总结1.前端发送的字段名和后端实体类的字段名不一致2.跨域问题
笑的像个child·2023-11-15 16:58

ant design pro of vue怎么使用阿里iconfont

在main.js中添加下面代码import{Icon}from'ant-design-vue';constIconFont=Icon.crea
wu_pan123·2023-11-12 08:10

开发知识点-Ant-Design-Vue

Ant-Design-Vuea-inputa-inputVue组件a-spin加载中的效果data字段mounted钩子函数AntDesignVue组件库list-type=“picture-card”上传的图片作为卡片展示nameshow-upload-listaction:beforeUpload=“handleBeforeUpload”:headers=“customHeaders”:dis
amingMM·2023-11-12 03:14

记录：vue3+ts+antdvue实际开发中封装的业务hooks

1.useFormimport{ref,nextTick}from'vue'importtype{ValidateErrorEntity}from'ant-design-vue/es/form/interface'importtype
coder qhl·2023-11-11 19:02

关于vue3.0 引入 ant-design-vue 报错 Uncaught TypeError: Cannot read property ‘use‘ of undefined 的解决办法

其实很简单哈哈哈就是因为版本的问题根目录执行下面这个命令就行了cnpmi--saveant-design-vue@next-Scnpm和npm都行我把我main.js的内容粘出来方便大家复制import{createApp}from'vue'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom'./store'impor
魏天·2023-11-11 01:47

ant-design-vue select选择框无法显示placehoder

将绑定的对应值设置成undefined{{item.text}}constformState=ref({classification:undefined,//商户分类});
KAGHQ·2023-11-06 13:10

ant-design-vue form表单自定义校验规则

constobjRegExp={marketPrice:"市场价格",};constNumberRegCommodity=/^(?!0)\d{1,10}$/;constvalidateNumber=(rule,value,callback)=>{if(!value){returnPromise.reject(`请填写${objRegExp[rule.field]}`);}if(!NumberReg
KAGHQ·2023-11-06 13:10

XqUploadCustom

/XqUpload";import{message}from"ant-design-vue";exportdefault{name:"",components
一人创客·2023-11-04 02:22

2022-05-13

/XqUpload";import{message}from"ant-design-vue";exportdefault{name:"",components
一人创客·2023-11-04 02:22

基于vue Ant-Design 的表单设计器，快速开发

的表单设计器，快速开发https://gitee.com/kcz66/k-form-design/表单设计器k-form-designimage简介参考项目vue-form-making，基于vue和ant-design-vue
一人创客·2023-11-04 02:22

antd ConfigProvider 全局化配置 (vue2 和 vue3)

在vue3中：//main.jsimport{ConfigProvider}from'ant-design-vue';import{createApp}from'vue';importAppfrom'.
c_reshape·2023-11-03 20:29

ant-design-vue 固定表单宽度

文档里form表单的labelCol属性只写了{span:3,offset:12}的用法，和参考GridCol的属性参数，并没有说可以设置style属性和用法。其实可以直接设置label的宽度:labelCol="{style:'width:100px'}"欢迎关注我的个人技术博客javascript艺术
javascript艺术·2023-11-03 01:39

Ant-Design-Vue 所涉及的响应式写法

Ant-Design-Vue所涉及的响应式写法问题描述我在项目中使用Ant-Design-Vue的Descriptions发现他的column有如下的描述：写到支持响应式写法，我一开始没找到这个响应式的定义位置
浮云而已丶·2023-11-03 01:03

ant-design-vue组件列表

ant-design-vue组件列表import{defaultasAffix}from‘./affix’;import{defaultasAnchor}from‘.
龍言玄间·2023-11-03 01:32

ant-design-vue 描述列表descriptions修改label与content样式

a-descpritions-item上绑定class不生效，使用/deep/deep/.ant-descriptions-row>th{padding-bottom:8px!important;width:20%!important;}/deep/.ant-descriptions-row>td{padding-bottom:8px!important;width:30%!important;}
fifty_one·2023-11-03 01:00

Vue3项目按需引入Ant-Design-Vue：解决Uncaught TypeError: Cannot read property ‘prototype‘ of undefined问题！

ant-design-vuebabel-plugin-importyarnaddant-design-vuebabel-plugin-import2项目配置2.1babel.config.jsplugins:[['import',{libraryName:'ant-design-vue
久忆凉·2023-11-03 01:57

Jeecgboot-Vue3 v1.0.0 版本正式发布，基于代码生成器的企业级低代码平台

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

Ant Design Vue

官网vue2全局引入项目为vue2时(安装指定版本)[email protected]引入importAntdfrom'ant-design-vue';import'ant-design-vue
小阳生煎·2023-11-01 06:28

antd-vue tree 选中所有相同节点以及反选取消

有一个问题，当同一个人位于多个部门，担任不同职务，这时候在部门员工树上的体现就会出现多次，这是合理的，但是当我们选人的时候，就会发现勾选了相同的人就应该全部勾选上，反之，取消亦然，这里的筛选用的是的基于ant-design-vue
小狐狸和小兔子·2023-11-01 01:55

and-design-vue 3.2.20官方离线文档(中文)

version:antdv:3.2.20环境版本：$node-vv20.9.0$npm-v10.1.0制作过程：github下载压缩包https://github.com/vueComponent/ant-design-vue
Meditate_MasterYi·2023-10-30 19:24

使用ant-design-vue开发后台管理系统（一、环境配置及项目创建）

简介AntDesignVue是使用Vue实现的遵循AntDesign设计规范的UI组件库，其组件功能丰富多样使用简单，开发成本相对来说较低；前提是需要对WEB前端知识以及vue开发有一定的了解，本文开发使用的是vue3.2.31+ant-design-vue3.2.0；本文将对整个开发过程进行全方位记录与介绍。vue参考文档：Vue.jsant-design-cue参考文档：https://www
楠木措。·2023-10-28 19:42

Ant Design Vue UI框架的基础使用，及通用后台管理模板的小demo【简单】

一、创建VUE项目npmcreatevue@latest二、安装使用ant-design-vue安装脚手架工具$npminstall-g@vue/cli#OR$yarnglobaladd@vue/cli
杀死一只知更鸟debug·2023-10-28 19:07

vue + ant-design + xlsx 实现导出表格数据

一、安装xlsxnpmixlsx--save-dev二、渲染Table表格使用ant-design-vue写一个基本的表格导出import{Table,Button}from'ant-design-vue
haizou·2023-10-28 15:48

【AntDesignVue | Table】纯前端表格 导入导出 Table表单复杂表头规则匹配模型

项目场景：1，ant-design-vue使用表单导入展示数据2，项目需求显示为如下图所示，故涉及复杂表头的处理和显示3，本篇文章主要以复杂表头的处理讲解为主，简单表头导入导出均引入xlsx之类的插件即可使用循环对应产品属性的参与者信息并且标记填充展示功能分析
曲江涛·2023-10-28 15:14

Ant-design-vue Table 列表 columns 将作为导出功能入参

将Table列表columns将作为导出功能入参，由于columns数据跟入参存在差异，因此我们抽离公共方法进行处理。consthandleExportColumnsData=function(columns=[]){if(!columns.length)return[]returncolumns.filter(item=>item.dataIndex!=='action').map(item=>
qq_36437172·2023-10-28 15:36

关于vue在PC端，对不同屏幕进行适配，未使用媒体查询（大小的自适应）的问题（ant-design-vue，element-ui 均可使用）

常规的做法就是进行媒体查询，不过，我目前做的项目量不是很大，想采用一种新的方式进行屏幕的适配  以下是我个人在vue项目中的适配方法，亲测在使用ant-design-vue和element-ui组件库时任然有效
chenyu_max·2023-10-28 04:46

ant-design-vue a-table 表格动态渲染

修改：a-table标签:data-source="sliceTable"修改：data//开始索引startIndex:0,//空元素，用于撑开table的高度vEle:undefined,修改：createdthis.vEle=document.createElement("div");this.vEle.className='blankDiv';修改：mountedvartable=docu
小雄_Milo·2023-10-26 12:59

ant Dessign vue3+ts a-upload的上传实现

Uploadimport{ref}from'vue';importtype{UploadProps}from'ant-design-vue';constgetBase64=(file:File)=>{returnnewPromise
呱嗨喵·2023-10-25 12:16
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他