ant-design-vue 第4页

【ant-design-vue】ant-design-vue在uniapp使用时，auto-import失败报错

前言在我的uniapp+vue3+vite项目中，使用了[email protected]组件库，同时我还使用了vite插件auto-import用于自动导入vue3的组合式api。当我全局引用antd-vue时，开发模式下可以正常运行，却不能npmrunbuild正常打包，于是开始了漫长的踩坑……结论[email protected]是可以使用vite的auto-import插件的ant-d

少年歌行s·2023-09-16 05:02

vue项目引入antDesignUI组件

快速安装ant-design-vue并配置，[email protected]第一步：安装[email protected]

吴用_前端开发·2023-09-15 05:57

ant-design-vue离线文档

指定分支[email protected]:githubhyh/ant-design-vue.gitnpminstall-gsgosgo--fallbackindex.html

dmengmeng·2023-09-15 01:55

qiankun 子应用 ant-design-vue快速填坑指南

qiankun子应用使用ant-design-vuev3问题Cascader无法显示下拉Formlabel显示混乱Message提示报错等各种样式不兼容问题…解决办法子应用ant-design-vuev3升v4官网文档子应用ant-design-vueConfigProviderprefixCls全局化修改设置统一样式前缀，记得更改项目样式文件，里面的ant-为custom-npminstall-

唐月123456·2023-09-14 14:57

Vite按需引入自定义组件unplugin-vue-components

unplugin-vue-components插件可以在Vue文件中自动引入组件（包括项目自身的组件和各种组件库中的组件）；作者是Vite生态圈大名鼎鼎的AnthonyFu使用此插件后，不需要手动编写import{Button}from'ant-design-vue

老鼠AI大米_Java全栈·2023-09-14 09:29

ant-design-vue a-table的分页

tableDatas.id"//每一行的标识>//放表格中操作的按钮编辑删除//data中的数据data(){return{pagination:{total:0,pageSize:10,//每页中显示10条数据showSizeChanger:true,pageSizeOptions:["10","20","50","100"],//每页中显示的数据showTotal:total=>`共有${to

震霄云天·2023-09-14 08:24

手摸手系列之前端Vue实现PDF预览及打印的终极解决方案

前言近期我正在开发一个前后端分离项目，使用了SpringBoot和Vue2，借助了国内优秀的框架jeecg，前端UI库则选择了ant-design-vue。

码上艺术家·2023-09-14 06:45

v自定义指令一件复制功能

import{Message}from'ant-design-vue';constvCopy={///*bind钩子函数，第一次绑定时调用，可以在这里做初始化设置el:作用的dom对象value:传给指令的值

小凖·2023-09-12 20:07

ant desgin pro vue 表格和分页一起用，分页跳转回车不执行change事件的问题

antdesginprovue表格和分页一起用，分页跳转回车不执行change事件的问题.问题分页组件的跳转回车死活不触发事件，后面下载一了一个号的版本号就可以了打开package.json配置文件，如果"ant-design-vue

古城老巷_li·2023-09-11 01:02

ant design vue使用collapse默认展开全部节点

在使用ant-design-vue的折叠面板collapse时候，如果idkey是数字的话，记得String一下

水煮香蕉·2023-09-10 12:37

Ant-design-vue组件上传文档

关于组件上传文档除了element-ui，最近用到的就是ant组件，非同小异；上传文件夹其中，在data变量中定义fileList存储上传的文件夹中的数据；handleDirectoryUpload(file){this.fileList.push(file);returnfalse},//删除预上传的文件，不加该方法属性，点击删除无效removeFile(file){letindex=this.

Hope冯瑶~☆·2023-09-09 21:10

ant-design-vue 2.X + VUE3.0 学习笔记

使用nodejs创建vue工程，先创建一个空项目文件夹，然后按照这篇文章https://www.cnblogs.com/benyu-aimao/p/8944475.html，但是注意他是这么安装vue，npminstallvue，我们要用npminstall-g@vue/cli，3.0之后的版本需要node.js版本大于8.9main.jsimport { createApp } from 'vu

liln0530·2023-09-07 11:57

nuxt.js使用ant-design-vue实现评论组件

前言此文为Nuxt引入ant-design-vue+使用评论组件过程记录。ant-design-vueant-design-vue是AntDesign的Vue实现，开发和服务于企业级后台产品。具有丰富的组件，但语法较为滞后，很多地方没有得到同步更新与维护。此次论坛搭建为方便起见使用了该组件库的评论组件。官方网址：www.antdv.com/docs/vue/in…开源地址：github.com/v

短暂又灿烂的·2023-09-06 22:10

ant-design-vue table 同时勾选或者取消勾选某字段值相同的数据

Ant-design-vue库中Table组件API有个rowKey属性：表格行key的取值，既可以是字符串，也可以是一个函数，它在rowSelection选择功能的配置中尤为重要。

qq_36437172·2023-09-06 17:44

Vue3+ts实现一个颜色选择器

Vue3+ts实现一个颜色选择器最近需求需要用到颜色选择器，但是选用的ant-design-vue种并没有颜色选择器这个组件，所以就想着自己实现以下。

qq_32021429·2023-09-06 07:53

vue引入ant-design-vue按需加载编译报错解决方案

vue引入ant-design-vue按需加载编译报错信息errorin.

Martin_Luo·2023-09-05 14:41

vue3 + ant-design3(2.2.6+) + vite

这次体验一下vue3+ant-design2(vue3)安装好之后按需引入ant组件ant.congig.js:import"ant-design-vue/dist/antd.css";import{Button

hello，是翠花呀·2023-09-03 11:26

Vue3+ant-design-vue 表格实现上移下移排序和 Vue3+element-plus 表格实现上移下移排序

/helper';importSortablefrom'sortablejs';import{message}from'ant-design-vue';onMounted(()=>{//拖拽排序constmytb

zxna·2023-09-03 11:26

vue3+antDesignVue前端纯导出

from"vue";//导入依赖import*asXLSXfrom"xlsx/xlsx.mjs";import{saveAs}from"file-saver";import{message}from"ant-design-vue

一只开心鸭！·2023-09-03 11:25

html引入vue无显示,Ant Design Vue引入Form组件样式不显示的解决方法

在main.js中全局引入：import{Form,Input,Select}from'ant-design-vue';因为我进行了按需加载组件代码的配置，所以只需要上面一行就可以。

weixin_39850599·2023-09-03 07:11

ant-design-vue嵌入html,ant-design-vue 气泡自定义HTML弹窗

{{manageOptionCodes?manageOptionCodes:'--'}}//自定义html的弹窗popover(){//上面的index好像是第几个参数就是returnfunction(index){letresult="";if(this.swindleAccountList[index].manageOptionCodes){letmanageOptionItems=this.

dizzyleed·2023-09-03 07:11

html使用antd vue,antd适合vue使用吗,antd vue pro

antd适合vue使用吗非常适合我们，Antd适合vue，因为antdesign有vue版本，对应的名字是“ant-design-vue”；在vue项目中，您可以使用“npmi–saveant-design-vue-vue

藏浪读书·2023-09-03 07:41

html使用antd vue,antd适合vue使用吗

antd适合vue使用，因为antdesign有vue版本的，对应的名称为“ant-design-vue”；在vue项目中可以使用“npmi--saveant-design-vue”命令进行安装使用即可

weixin_39785150·2023-09-03 07:41

基于canvas实现的签名组件

canvas实现的签名组件//import{uploadFileApi}from'@/api/file';import{ref,onMounted}from'vue';import{message}from'ant-design-vue

夜空孤狼啸·2023-09-03 07:39

vue3+ant design vue+ts实战【ant-design-vue组件库引入】

vue3UI组件库AntDesignofVueAntDesignVue安装引入安装全局引入局部引入实战操作Button按钮样式Menu导航菜单Form表单注意summary下期预告v-for循环实现菜单栏菜单栏中用两种方法处理有无children的问题更多内容见AntDesignVue官方文档点击复习vue3【watch检测/监听】相关内容一个好项目的编写不仅需要完美的逻辑，以及相应的技术，同时也

Dorable_Wander·2023-09-03 07:08

antDesign for vue组件中文配置

在app.vue文件中引入importzhCNfrom'ant-design-vue/es/locale/zh_CN';data返回data(){return{locale:zhCN,}},最后需要将组件包裹起来将组件包裹起来即完成了组件汉化刚开始的时候只文档没看全

Renners·2023-09-03 07:37

ant-design-vue checkbox checked不生效

ant-design-vuecheckboxchecked不生效https://segmentfault.com/q/1010000018981910功能要求根据后台返回的数据，显示成几组checkbox，编辑时要根据返回的数据反显。因为保存时后端要前端给他label的中文值，英文值，checkbox的option项的中文值英文值，对于我这种小渣渣还是挺费劲的，导致好不容易能保存成功数据，但反显时

qq_36987708·2023-09-02 18:52

ant-design-vue + vue3 表格(拖拽)伸缩列实现

ant-design-vue+vue3表格(拖拽)伸缩列实现备注：新版ant-design-vue已增加resizable属性实现此功能，只是我这里升级版本改动太大，所以需要自己写1.下载vue3-draggable-resizablenpmivue3

*小天屎*·2023-09-02 09:51

ant-design-vue 快速避坑指南

ant-design-vue是蚂蚁金服AntDesign官方唯一推荐的Vue版UI组件库，它其实是AntDesign的Vue实现，组件的风格与AntDesign保持同步，组件的html结构和css样式也保持一致

weixin_30629977·2023-08-29 09:55

ant-design-vue嵌入html,ant-design-vue 快速避坑指南(推荐)

ant-design-vue是蚂蚁金服AntDesign官方唯一推荐的Vue版UI组件库，它其实是AntDesign的Vue实现，组件的风格与AntDesign保持同步，组件的html结构和css样式也保持一致

weixin_39972519·2023-08-29 09:25

a-range-picker设置中文

##原本例子2.iframe引入locale后效果(周和月未变化)importlocalefrom‘ant-design-vue/es/date-picker/locale/zh_CN’;3.引入dayjs

p g one·2023-08-29 01:58

ant-design-vue中DatePicker 日期选择框（禁用部分时间和显示设置）

DatePicker日期选择框最近一直做ant-design-vue项目，总结下DatePicker日期选择框一、第一种单天时间选择1、限制只能选明天及之后的日期（今天不可选中）2、限制只能选今天及之后的日期

pipizhou16·2023-08-26 07:56

Ant Design Vue日期选择器使用v-decorator进行设置

目录第一步导入库//设置中文importlocalefrom'ant-design-vue/es/date-picker/locale/zh_CN'importmomentfrom'moment'使用data

A_Kai.·2023-08-26 07:55

ant-design-vue中this.$confirm 确认框使用

cancelService(obj){letself=thisthis.$confirm({title:'确认提示',content:`是否确认取消服务？`,okType:'danger',onOk(){returnnewPromise((resolve,reject)=>{letdata={"apply_id":self.dataArea.apply_id}api.cancelServer(da

Aikes902·2023-08-25 03:56

Ant design Vue在Vite项目中如何自定义主题

步骤安装less(已下载的同学可以跳过)npminstall--save-devless将main.ts(js)中的import'ant-design-vue/dist/antd.css'改为import'ant-design-vue

潘鹏i·2023-08-24 15:30

Vite中使用Ant Design Vue3.x框架

/router/index'importAntdfrom'ant-design-vue';import'ant-design-vue/dist/antd.

大白o·2023-08-24 15:30

vite vue3 ant-design-vue 按需引入

2021年09月28日在vite.config.ts中引入，并配置import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importViteComponents,{AntDesignVueResolver}from'vite-plugin-components';//https://vitejs.dev/config/expo

Mrceel·2023-08-24 15:28

vue + ant-design-vue导出Excel文件流

关于导出可以后端给个链接前端直接window.open(‘url’),也可以前端自己转blob文件导出//点击导出exportData(){this.isLoading=trueif(!this.startTime||!this.endTime){this.$message.warning("请选择开始和结束时间")}else{console.log(this.startTime,this.end

江川哇·2023-08-22 01:38

Ant-Design-Vue定制主题

因为我是基于vue-cli3的框架所以，这个方案只适合vue-cli3。在根目录新建vue.config.js//vue.config.jsforless-loader'6.0.0module.exports={css:{loaderOptions:{less:{lessOptions:{modifyVars:{'primary-color':'#1890ff',//全局主色'link-color

锋叔·2023-08-21 17:18

vue3 + antv/x6 实现拖拽侧边栏节点到画布

自定义节点前篇：vue3+antvx6自定义节点样式1、创建侧边栏用antd的menu来做侧边栏[email protected]//入口文件main.js内importAntdfrom'ant-design-vue

原莱_·2023-08-19 11:35

ant-design-vue在ios使用AUpload组件唤起了相机，HTML的 `capture` 属性

在使用antdesignvue组件的上传组件AUpload的时候有一个问题，直接按照demo写，在ios上会唤起相机，但是实际上我们的需求是弹出选择相册/相机这个弹框。解决办法是加一个cupture="null"这个属性即可点击上传HTMLattribute:capture-HTML:HyperTextMarkupLanguage|MDNThecaptureattributespecifiesth

我有一棵树·2023-08-17 08:39

Vue-10.NodeJs自动生成的配置和ant-design-vue集成

.browserslistrc（自动生成的）>1%##适用于市场份额大于1%的浏览器last2versions##适用于每个浏览器的最近两个版本notdead##排除已不再被支持的浏览器notie11##排除InternetExplorer11package.json{"name":"my-vue-app","version":"0.1.0","private":true,"scripts":{"

Mr谦·2023-08-17 08:05

Vue3使用 Ant Design Vue

一.引入AntDesignVuevue项目请自行创建1.项目添加[email protected]添加ant-design-vue组件import{createApp

·2023-08-16 18:03

Ant-design-vue AutoComplete 自动补全组件的使用

AutoComplete是一个输入框自动完成功能，在输入时提个建议或者辅助提示。和Select的区别是：AutoComplete是一个带提示的文本输入框，用户可以自由输入，关键词是辅助输入Select是在限定的可选项中进行选择，关键词是选择。使用案例如下：{{item.name}}filterOption是否根据输入项进行筛选。当其为一个函数时，会接收inputValueoption两个参数，当o

qq_36437172·2023-08-16 00:52

echarts饼图例子

vue风险统计风险类别：设备设施作业活动工业节点风险等级：全部重大风险较大风险一般风险低风险import{message,Modal,Empty}from"ant-design-vue";importriskStatisticsfrom

iiiilooaixuud·2023-08-12 06:26

【AndV】ant-design-vue中select使用mode=“combobox“无效:

文章目录一、问题:二、解决:一、问题:Warning:[antdv:Select]ThecomboboxmodeofSelectisdeprecated,itwillberemovedinnextmajorversion,pleaseuseAutoCompleteinstead二、解决:将mode="combobox"改为mode="SECRET_COMBOBOX_MODE_DO_NOT_USE"

Sun Peng·2023-08-11 16:45

vite+vue3动态添加路由出错

import{createRouter,createWebHashHistory}from'vue-router'import{message}from'ant-design-vue';importNprogressfrom'nprogress

weixin_45700768·2023-08-10 15:59

vue axios封装，全局错误处理，使用ant-design-vue的message和model提示

/util'import{message,Modal}from'ant-design-vue'//message的基础配置message.config({duration:2,//提示时常单位为

不负好时光·2023-08-10 12:16

[vue] Vite的使用2-vite.config.ts

rootbasepublicDir打包配置assetsDiroutDirmodulePreload插件使用unplugin-vue-componentsERRORFailedtoresolveimport"ant-design-vue

三知之灵·2023-08-09 08:42

ant-design-vue TimePicker 时间选择框v-model无法修改

场景：选择时间后，失去焦点后还是原来的数据。代码问题原因：初始化数据的时候，没有这个字段。加上去就可以了。你好，我是勤勤学长。

qq318692996·2023-08-08 23:43

推荐频道

ant-design-vue