ant-design-vue 第5页

《JeecgBoot系列》JeecgBoot(ant-design-vue) 识别字段中指定内容并修改该行文字颜色

JeecgBoot(ant-design-vue)识别字段中指定内容并修改该行文字颜色需求：将生产工厂是配件工厂的行改变颜色标注一、修改table组件内容在内添加:rowClassName="tableRowClass

DATA数据猿·2023-08-07 22:08

vue3 集成 Element-Plus之全局导入/按需导入

Vue2中使用element-ui，而element-plus是element-ui针对于vue3开发的一个UI组件库；它的使用方式和很多其他的组件库是一样的，所以学会element-plus，其他类似于ant-design-vue

摆烂打咩·2023-08-06 12:42

使用ant-design-vue开发换肤功能

1、安装ant-design-vuenpmiant-design-vue--save2、在main.js中引入`importAntdfrom'ant-design-vue'``import'ant-design-vue

暖年的咆哮·2023-08-06 10:26

form-create 通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件

form-create/iviewiview/[email protected]版本npmi@form-create/[email protected]+版本npmi@form-create/ant-design-vue

IEVEl·2023-08-05 13:07

react经验2:组件库antd的所有弹窗配置鼠标拖拽

实施方法基本与ant-design-vue一样参考:ant-design-vue的弹窗拖拽移动步骤1：编写dialogdrag.ts/*弹窗拖拽，适用于antdesign*/letdraging=false

淘人居士·2023-08-05 10:15

vue3 antd项目实战——radiogroup单选组合、radiobutton单选按钮【v-model双向绑定数据、v-for循环输出options选择项】

a-radio-group按钮样式的单选组合a-radio-button垂直单选组合radioStyle更多输入框选项常用属性知识调用更多内容见AntDesignVue官方文档vue3+antdesignvue+ts实战【ant-design-vue

Dorable_Wander·2023-08-03 10:00

Ant Design Upload 组件封装

/AssessmentFile'import{Modal}from'ant-design-vue'exportdefault{name:'AssessmentTaskModalUser',components

吕保鑫·2023-08-03 00:29

《JeecgBoot系列》JeecgBoot(ant-design-vue)实现筛选框：支持下拉搜索+下拉多选+表字典(支持条件查询)功能

JeecgBoot(ant-design-vue)实现筛选框：支持下拉搜索+下拉多选+表字典(支持条件查询)功能JSearchMultiSelectTag.vue源文件一、需求介绍在使用JeectBoot

DATA数据猿·2023-07-31 04:39

《JeecgBoot系列》JeecgBoot(ant-design-vue)实现表单页面缓存(keep-alive)

JeecgBoot(ant-design-vue)实现表单页面缓存(keep-alive)一、keep-alive介绍keep-alive是vue的一个内置实例，通过这个属性可以缓存组件的v-node，

DATA数据猿·2023-07-31 04:08

nuxt.js-ant-design-vue配置踩坑日记

最近开发一个带seo以及部分后台功能的项目，nuxt作为vuessr框架可以非常好的完成这个需求，这里我选择了ant-design-vue作为UI组件库。

短暂又灿烂的·2023-07-31 03:27

前端——》ant-design-vue组件的使用之二（a-select复选框的搜索与样式优化）

效果如图所示，在antdv的表格中，有涉及到下拉多选的需求，并且将选中的结果在单元格内一行展示，鼠标滑动观之。代码表格单元格的代码上面的属性稍微解释一下：属性释义mode=“multiple”多选:dropdownMatchSelectWidth=“true”下拉菜单和选择器同宽:filter-option=“filterOption”对输入的内容进行筛选过滤，filterOption是方法名@c

Mr_xujiee·2023-07-29 03:12

当ant-design-vue中select自定义下拉框覆盖select框

有时候开发时，select下拉框的内容需要自定义内容时，可能会出现，下垃框覆盖到select框，用户想输入内容搜索的时候导致无法输入如下图所示，覆盖后，无法在输入框输入内容2.首先在a-select标签里加上ref属性,形如下面，这里只展示一部分代码//定义其它内容......3.触发select框展示下拉框时，可以看到里面有个这个属性pupupRefpupupRef属性里面有个align属性4.

MIss-董董·2023-07-29 03:42

antdv Select dropdownRender Input 不能输入的问题

直接上代码：新增分组//大概这么个引入的意思，具体看子级当前项目怎么个引入方式import{Form,Select,Divider}from'ant-design-vue';import{PlusOutlined

不知言·2023-07-29 03:40

ant-design-vue中table组件使用customRender渲染v-html

ant-design-vue遇到table中列表数据需要高亮渲染1、customRender可以使用，但是使用v-html发现不生效还报错constcolumns=[title:'name',dataIndex

一个大土豆的日常·2023-07-28 10:19

ant-design-vue开始时间和结束时间的正则校验

{{formInfo.tzgg0112}}{{formInfo.tzgg0112}}data(){constvalidateStartTime=(rule,value,callback)=>{conststartTime=valueconstendTime=this.formInfo.tzgg0113if(!value)returncallback(newError('采集开始时间不能为空'))i

前端小咸鱼一条·2023-07-28 09:20

vue3中使用wavesurfer插件动态生成id

--save官方文档：https://wavesurfer-js.org/参数，方法可以去文档查看直接放封装组件代码开发背景vue3+tsWaveSurfer.vueimport{Spin}from'ant-design-vue

开心市民小李・ࡇ・·2023-07-25 16:45

ant-design-vue的兼容问题2

问题：ant-design-vue不兼容ie浏览器要求：ie兼容>=9环境：@vue/[email protected]，[email protected]之前写了一篇博文解决ant-design-vue的兼容，

lydxwj·2023-07-25 06:20

修改ant-design-vue中$message的图标

比如this.$message.info('hahahha')，默认图标是个感叹号，如果想换成自己的图标就需要添加icon参数。icon参数支持a-icon和其他html标签，不过如果是img标签，src需要使用http网络地址，或者使用base64（比较长，不推荐），尝试使用本地图片的相对路径或者绝对路径，都不生效，显示裂图...test(){varself=this;this.$message

_信仰zmh·2023-07-24 00:01

Wails + Go 实现图形化桌面应用

包含百度热搜、微博热搜、头条、知乎等，废话不说上效果图：效果图1：效果图2打包大小涉及技术点Golang使用golang1.9编写代码Wails+vue3使用Wails技术实现GUI渲染，页面组件使用ant-design-vue

small_to_large·2023-07-23 05:24

Vue3项目Ant-Design-Vue汉化（a-date-picker等组件）

前言Ant-Design-Vue组件库某些组件默认是英文显示的，如时间选择等组件。这些组件的显示需要用户手动去进行汉化。

温其如玉_zxh·2023-07-21 18:45

vue3后台管理系统封装的弹窗组件

弹窗组件效果ComModelR.vue组件{{props.buttntitle}}import{reactive,ref,onBeforeMount}from'vue';importlocalefrom'ant-design-vue

iiiilooaixuud·2023-07-20 02:38

antdesginVue VUE3.0 Cascader 级联选择省市区（县）镇四级联动动态加载数据（组件封装）

antdesginVueVUE3.0Cascader级联选择省市区（县）镇四级联动动态加载数据第一步：获取数据第一步异步加载数据import{ref,watch}from'vue'importtype{CascaderProps}from'ant-design-vue'import

造梦者FZ·2023-07-19 15:21

vue打包优化-首屏加载速度优化

影响首屏加载时长的因素有：物理距离导致的网络时延，文件的大小；网络时延，可以通过CDN加速解决，主要将体积较大的文件，如ant-design-vue，，zrender，放在CDN上，减少物理距离引入的网络时延

我就是昵称·2023-07-19 15:22

vue3+ts+antd环境搭建

/App.vue'importAntdfrom'ant-design-vue';import'an

aminsky0·2023-07-19 14:47

ant-design-vue 上传pdf文件

html模板上传js事件upfileClick(e){/*accept="*"//所有文件格式都合法accept="images/*"//所有格式图片都合法accept="images/png"//png格式图片都合法accept="images/png,application/pdf"//png格式图片和pdf文件都合法size="20"//文件大小不能超过20MB,默认不能超过10MB*/co

哼_·2023-07-18 12:38

Ant-design-vue 树形控件tree 新增节点，删除节点，编辑节点的解决方案

Ant-design-vue树形控件tree新增节点，删除节点，编辑节点的解决方案最近项目需求如下，想做一个菜单管理，用tree的形式，用过element-ui的都知道怎么处理，但是由于ant-design-vue

27亿光年中的小小尘埃·2023-07-15 18:40

设置background-color背景色为全透明

需求：修改ant-design-vue中一些组件的背景色要设置为完全透明（这里有点忘了，百度复习下）背景色设置背景色为纯色background:#0000ff;/不透明的蓝色/设置背景色为半透明颜色background-color

pipizhou16·2023-07-15 07:52

vue3学习笔记-使用全局注册的方法

项目场景：vue3+ts问题描述在main.ts中注册了一个全局的方法，由于vue3setup语法糖中没有this无法使用的问题//引用import{message}from"ant-design-vue

沙漏。·2023-07-15 04:36

uni-app vue3 全局引入ant-design

目录uni-app切换为vue3版本安装ant-design-vue插件全局完整注册uni-app切换为vue3版本新建一个项目切换为vue3选择版本为3即可安装ant-design-vue插件npmi

查查茶茶丸·2023-07-14 08:21

Vue-cli3全局引入Ant Design Vue和按需引入

[email protected]下载指定版本[email protected]、main.js文件引入并使用importAntdfrom'ant-design-vue'import'ant-design-vue

码上行动·2023-06-28 10:54

ant-design-vue自定义主题

最近做了个项目，用的ant-design-vue的组件库，需求方想把整个项目色调从默认的蓝色换成橙色，接着我开始看官方文档以及百度，网上有几种解决方案，但试来试去，还是官方推荐的方式更简单一些。

巴啦啦小魔仙dura·2023-06-24 09:16

20230621 taro+vue3+webpack5+antdv时，在vue文件中特定组件时，devH5环境报错

问题在某个vue文件下import{notification}from'ant-design-vue';然后在终端开始yarndev:h5在浏览器看效果回出现以下错误Uncaught(inpromise

cx2889·2023-06-22 10:27

ant-design-vue中select多选限制选项选择数量最大值

方案：以最大值3为例，当已选择数据长度大于等于3，将选项中未包含已选中的选项disabled属性置为true，已选中的选项disabled置为false//DOMtriggerNode.parentNode"@change="onCategoryChange">{{item.categoryName}}//jsresetCategoryOptions(){this.setCategoryOptio

羊驼626·2023-06-21 06:48

如何解决form表单循环添加一组数据

需要实现的效果图如下：只有一个条件时：有多个条件时：参考ant-design-vue的form表单写法模板代码如下：<a-row:gutter="24"style="

晒干的老咸鱼·2023-06-20 19:15

Vue3.0 使用ant-design-vue 日期组件中文化

1引入momentyarnaddmoment-S2main.jsimportmomentfrom'moment'import'moment/dist/locale/zh-cn'3、ant-design-vue

BlackBright_·2023-06-18 21:25

大话Stable-Diffusion-Webui-动手开发一个简单的stable-diffusion-webui（二）

文章目录css样式定义css样式使用css样式采样方法采样步数宽和高提示词相关性每批数量种子文生图按钮css样式在上篇内容中我们将界面的整体布局进行划分，并且放置了两个ant-design-vue的文本域组件

那个小白猿·2023-06-18 02:38

Vue.js 项目查看 vue版本号

package.json文件夹找"dependencies"，然后就可以看到你装的vue的版本了"dependencies":{"@antv/data-set":"^0.11.4","@form-create/ant-design-vue

Lan.W·2023-06-17 15:54

Vue3封装ant-design-vue表格

说明该文仅仅用来记录自己使用Vue3基于ant-design-vue开发的时候对Table组建的二次封装，因为在vue中，组件不能像react中那样作为一种JS数据类型随意传递，需要使用slot，因此个人认为不够灵活

Joey_Tribiani·2023-06-16 18:46

使用vite-plugin-style-import插件报错Cannot find module ‘consola‘和解决方法

但是此插件无法处理非组件模块，如message，这种组件需要手动加载，如：import{message}from'ant-design-vue'import'ant-design-vue/es/message

程序员小白Aven·2023-06-16 06:50

实习随笔-7、Antd-vue表格分页器设置

就是表格组件自带分页器，而且分页器的样式和我想要的不一样（应该是和产品要的不一样)，比如自带的是这样的：需求是这样的：实现过程：1、引入Table组件（我是按需引入的）main.jsimportTablefrom'ant-design-vue'Vue.use

互联网切图仔·2023-06-14 15:48

vite.config.js 配置及优化

基础环境vite版本：4+项目框架：vue3UI框架：Ant-Design-Vue开发语言：TypeScriptvite.config.tsimport{fileURLToPath,URL}from'node

温其如玉_zxh·2023-06-14 09:33

Vue + AntDesign 入门

1.安装ant-design-vue的安装npminstallant-design-vue--savenpminstallantd-init-gmain.js文件中引入：//引入ant-design-vueimportAntdfrom'ant

PAX-K·2023-06-12 06:18

ant-design-vue 的 tab 标签页的拖拽功能

项目中使用ant-design-vue的tab组件时，需要可以对tab的标签页进行调整顺序，结果查看文档，发现vue的组件是没有提供此功能，而react的组件提供了此功能，本着一切从简的想法，于是乎，找到了如下的解决方法

~~帅~~·2023-06-12 06:15

解决vue中ant时间格式的处理

中添加：v-decorator="[‘betweenTime’]"；接着在script里面写格式化代码importmomentfrom‘moment’//这个是必备品importlocalefrom‘ant-design-vue

一定能成功·2023-06-12 03:08

Vue3基础知识

1.vue3社区生态：ant-design-vue：https://antdv.com/docs/vue/introduce-cn/，蚂蚁金服，ant-design-vue是AntDesign的Vue实现

泽源_30dd·2023-06-10 22:16

ant-design-vue的tree的懒加载更新问题

情景：需求：1.树是懒加载，默认只展开第一级节点；2.展开某个节点对其子节点新增操作；3.新增成功后，树刷新并自动展开之前展开的节点方法：onLoadData(treeNode){returnnewPromise((resolve)=>{if(treeNode.dataRef.children){resolve();return;}setTimeout(()=>{getMaterialSortTr

divine_zhouo·2023-06-10 07:23

Vue3-封装table组件

在使用ant-design-vue中曾经使用过table组件，所以想着自己封装一个组件尝试一下，这是一个简易版本1.相关知识点组件传值插槽(具名插槽、作用域插槽)vue3setupvantv3部分组件使用

fighting Ably!·2023-06-09 06:38

【基础】vue项目对axios进行二次封装，request全局接口请求文件如何写？

以下是在网上找到的一个封装接口文件的参考demo，是对axios库的二次封装：importaxiosfrom"axios";import{message}from"ant-design-vue";importrouterfrom

前端小萝莉·2023-04-19 17:49

十一、Vben框架部分组件样式的重新封装

在使用vben框架的时候发现部分的样式不符合实际的需求，ant-design-vue的样式也不支持我们的需求，那怎么办呢，只能自己来修改，下面我就改大家说说我遇到的一些修改过的样式和组件。

arguments_zd·2023-04-16 09:27

ant-design-vue table表格合计行的实现

新接手的一个项目是基于ant-design-vueadmin的开发，当需求要实现类似elementUI的合计行效果时，发现提供的API不支持，然后写了这个组件，也当练基础了思路要点有创建与父表格同样结构的table并渲染合计行数据考虑到很多表格有滚动条，因此监听父组件的滚动事件，同步滚动子组件隐藏子组件的滚动条因为父组件的footerslot自带一部分样式，因此为了保持父子组件宽度表现一致，需要针

热心市民御坂·2023-04-15 15:01

推荐频道

ant-design-vue