Ant-Design-Vue 第4页

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

《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

推荐频道

Ant-Design-Vue