a-select

ant design Vue a-select 数据回显问题

像这样，23的值应该显示的是人出入门的文字，但是确显示23出现这个问题是因为value绑定的数据是number类型，而编辑回显的时候是String类型。解决方法：把类型转换成一样的就可以了：
zheshihuahua·2024-02-05 00:02

change事件传递多个参数

1.传递value+页面参数@change="handleChange($event,'123')"2.传递选中的key+value或是选中的item我用的是a-auto-complete，试验了用a-select
maxiaole_z·2024-01-11 10:42

vue a-select选择框默认值

打开页面选择框默认选择较好html关键字段：initialValue:options.evaluationLevel[1].value,记录：initialValue（初始值）evaluationLevel（字典值数组）将字典值放在主页面的dictcode和options中。如果html中未使用，则:defaultValue=""设置默认值，如果html中使用，则用initialValue:设置默
lifelalala·2023-12-28 11:24

a-select设置样式

//select输入框样式.ant-select-selection{background:#2a2a2a;border:none;color:#fff;}//输入框右侧清除小叉号样式.ant-select-selection__clear{background:#000;color:#fff;}//下拉列表样式.anticon-down{color:#fff;}//设置select下拉框的下拉字
几个高兴·2023-12-26 11:05

a-select滑到底部增加下一页数据并保持滚动条位置

参考如下文章，根据自己的情况修改PaginationSearchSelect-自定义分页搜索选择器组件-Antdv选择器在数据量多时卡死卡顿问题解决方案_WuWenL-CSDN博客核心代码，只增加了两行一页的数据尽量少，如10条，滚动条保持位置更佳；一页数据太多（如300条），数据追加后，滚动条会先跑到顶部因为选了antdv，所以没有采用的优秀案例：VueSelect
qingfengmengge·2023-12-17 22:15

ant的a-select远程搜索加分页

a-select扩展菜单使用dropdownRender插槽并且增加搜索调后端接口，整理一下1.template中{{item.customerName}}//a-select扩展菜单使用dropdownRender
anwenagululu·2023-12-17 22:09

Ant中a-select 下拉选择内容过多，滚动条，滚动定位偏移

1.绑定值为null,默认选项，会出现滚动问题，定位偏移，ant官网解释如下getPopupContainer菜单渲染父节点。默认渲染到body上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位。Function(triggerNode)()=>document.bodyexportdefault{methods:{getPopupContainer(){returndocumen
哟哟耶耶·2023-12-17 17:10

antd vue a-select 下拉框位置偏移

问题下拉框未固定原因select下拉框的定位是根据body定位解决方法在select标签中添加：:getPopupContainer="(triggerNode)=>(triggerNode.parentElement)":getPopupContainer="(triggerNode)=>(triggerNode.parentElement)"
睡美人的小仙女127·2023-11-28 21:30

antd vue 解决a-select在弹框中下拉菜单跟随页面滚动

官方原话：如果发现下拉菜单跟随页面滚动，或者需要在其他弹层中触发Select，请尝试使用getPopupContainer={triggerNode=>triggerNode.parentNode}将下拉弹层渲染节点固定在触发器的父元素中{returntriggerNode.parentNode}">已签约未签约待定已解约
Eal7·2023-11-11 19:01

vue2+ant-design-vue a-select组件二次封装(支持单选/多选添加全选/分页（多选跨页选中）/自定义label)

一、效果图二、参数配置1、代码示例2、配置参数（Attributes）继承a-selectAttributes参数说明类型默认值v-model绑定值boolean/string/number/Array-mode设置’multiple’'tags’多选（显示全选）String-optionSource下拉数据源Array-widthselect宽度（可以设置百分比或px）String100%cus
wocwin·2023-11-03 01:29

Vue antdv 下拉菜单不跟着滚动走（getPopupContainer 使用）

在使用阿里的AntDesignVue框架时，在使用有下拉菜单a-select等组件，用在a-drawer等组件或者页面上的时候，会发现a-drawer等组件能滚动的时候，a-select等组件的下拉菜单不会跟着走
卡尔特斯·2023-10-28 12:26

ant design vue选择框背景色更改

需求因为要实现网页白天模式和夜间模式的切换，那相应文字和组件颜色也要适配对应的主题，而a-select默认的白色背景色在夜间模式下非常突兀，故我们要修改选择框和选项列表框的颜色。
Leviash·2023-10-28 11:47

Ant Design Vue中a-select组件踩坑汇总

1、AntDesignVue中a-select组件下拉列表在局部滚动时不跟随问题解决方法AntDesignVue中a-select组件下拉列表在局部滚动时不跟随问题解决方法_银滴子的博客-CSDN博客问题如下
Angular baby·2023-10-28 11:14

vue2.0 antdesign时间框和下拉框跟随页面滚动问题

在使用a-date-picker组件的过程中，发现如图问题，a-select也会有这个问题，但是添加上如下代码就迎刃而解了。 
dream0129·2023-10-28 11:40

vue3.0+ant design vue3.2.6框架的基本使用

1、a-select修改默认样式通过f12检查元素发现select选择器和app根节点同级，所以需要添加getPopupContainertriggerNode.parentNode">这样你找到它的类名进行修改就可以了
一只琪琪子·2023-10-28 11:06

vue+antd后台管理系统的远程搜索组件的封装（a-select）

自入行已开，都是做的vue+element项目开发，个人觉得这一套组合是针对pc端的项目是很流畅丝滑的，但是，最近开始的项目是vue+antd项目，问了一些同行业的大佬，这些大佬基本都是一句“vue+antd吗？莫名其妙的bug解决不了要和蚂蚁金服直接交涉”这样的调侃，反正我觉得antd对于vue框架来说是没有element这么简单易开发，但是，毕竟是成熟的两个重量框架，项目已经使用了，计算遇到问
五月是five month·2023-10-15 19:00

antdesign-vue 3.0 二次封装 a-select 支持多个v-model

e.preventDefault()">全选清空import{defineComponent,reactive,toRefs,watch,useAttrs}from'vue';import{Select}from'ant-design-vue';import{debounce}from'lodash-es';exportdefaultdefineComponent({name:'SelectSea
web_Hsir·2023-10-14 16:27

ant-design-vue select动态下拉加载更多和加载状态的添加

没有数据了就不加载了这里的defHttp就是axios的二次封装,你们可以替换为axios就可以效果的话就不展示了,因为数据都是后台请求的~做法用到的antdesignvue组件有a-spin加载圈圈的a-select
未成年梦想·2023-10-14 16:26

vue使用ant design Vue中的a-select组件实现下拉分页加载数据

{{item.equipmentTypeName}}import{getDeviceTypeList}from'@/api/home'exportdefault{data(){typeList:[],pageObj:{pageNo:1,pageSize:10,pages:0,//总页数total:0,//总条数}}}methods:{//下拉列表滚动时的回调handlePopupScroll(e)
程序媛之博客·2023-10-14 15:49

Ant Design Vue组件，a-select标签

a-select标签是组件里的选择框，具体使用可以查看官网，这里记录一下在使用中遇到的问题。
掉头发类型的选手·2023-10-04 23:40

a-select 下拉列表正常展示

a-select下拉列表正常展示contentChange(value,item)">{{it.alertName}}设置:getPopupContainer="getPopupContainer
Shero.李建业·2023-09-20 19:38

vue antd select 自定义options显示文字

在a-select添加option-label-prop=“label”属性option-label-prop对应的是options中label的属性{returntriggerNode.parentNode
一个抱抱一首歌·2023-09-07 18:19

vue3 基于Ant DesignVue Select Table封装下拉选择表格组件(2023-08-25 TAntdSelectTable组件组件新增上下键盘高亮选择回车选中功能)

2023-08-25TAntdSelectTable组件组件新增上下键盘高亮选择回车选中功能一、最终效果二、代码示例三、配置参数（Attributes）继承a-table及a-select属性参数说明类型默认值
wocwin·2023-09-04 20:25

antd a-select组件placeholder不显示解决办法和原因

setup(props,{emit}){constformState=reactive({parentId:undefined,//不能为''或者null})解决办法：placeholder不显示是因为设置了value值为"或者null，把value值设为undefined就可以了原因：placeholder是当前组件值为空时显示的替换文本，只有值为空的时候才会显示。当组件绑定了value后，值不
汤姆丁1111·2023-08-23 15:55

前端——》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标签里加上
MIss-董董·2023-07-29 03:42

ant design vue中 使用a-select ，placeholder设置无效的解决办法

antdesiantdesignvue中使用a-select，placeholder设置无效的解决办法
彳卸风·2023-06-15 23:57

a-select 实现可输入可选择

{{item}}data(){return{expressCom:"",expressList:[],}},methods:{handleExpressBlur(value){this.handleExpressChange(value);},handleExpressSearch(value){this.handleExpressChange(value);},handleExpressChan
Y、seventeen·2023-04-04 01:36

antd vue 解决a-select下拉菜单跟随页面滚动

遇到的坑当然要分享啦官方原话：getPopupContainer菜单渲染父节点。默认渲染到body上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位。场景1下拉菜单跟随滚动走动了，因为默认的是:getPopupContainer="()=>document.body"image.png解决方案:getPopupContainer="triggerNode=>triggerNode.
jia林·2023-03-12 11:02

a-tree-select 和 a-select的区别及使用

实现select的复选、全选、清空、搜索等功能投产日期措施日期{{item.name}}查询查看数据表e.preventDefault()">{{checkAllLoading}}全选重置{{item.jh}}record.jh">handleChange(e,record.rqStr,'rqStr')"v-model="record.rqStr">模板下载导入清空it.dataIndex)":k
·2023-02-21 19:40

qiankun微应用中antd样式问题解决方案

a-select增加属性：:getPopupContainer="t=>t.parentElement"a-tree-select增加属性：:getPopupContainer="t=>t.parentElement"a-range-picker
·2023-01-30 15:13

ant design vue a-select 下拉搜索

 {{item.name}}
精神小伙cgb·2022-12-13 02:20

Ant Design of Vue a-select下拉框因为数据量太大造成卡顿的问题

解决方案：最开始渲染时只渲染总数据前100条数据以保证不卡顿，然后当需要搜索的时候对从后台拿到的数据进行过滤，也只取前100条，然后通过select下拉框popupScroll事件，下拉列表滚动时的回调，每次回调时都添加一部分数据来解决下拉框的卡顿问题。AntDesignofVue官网文档事件方法：效果图：代码部分：html:item.sourceOwnerSystems)":key="front
world_7735·2021-08-09 11:13

Ant design Vue中的a-select赋值取值

前言记录一下，就是一个下拉框，里面的待选数据由数据库里来，并且选完保存后还能回显，主要记录的是回显操作，与我之前写的文章大同小异。一、.vue1.template//注意下面的v-model，不是直接一个数组{{item.title}}2.datadata(){return{list:[],Form:{dataAuth:[]}}}3.createdcreated(){this.show()}4.下
·2021-06-24 18:15

ant-design a-select

a-select标签{{d.departname}}整体思路和v-for操作原生的select标签非常类似注意有key和value的值,两个都要有
张泽·2020-12-12 20:46

ant-design a-select

a-select标签{{d.departname}}整体思路和v-for操作原生的select标签非常类似注意有key和value的值,两个都要有
张泽·2020-12-12 19:54

文档驱动 —— 表单组件（六）：基于AntDV的Form表单的封装，目标还是不写代码

可以看下面的这个对比图，最右面的是官网的实例代码，非常长，一屏都没放下，中间的是一级封装，把a-input、a-select这类的组件封装起来，最左面是用for循环，遍历
金色海洋（jyk）·2020-09-25 09:00

Ant Design Vue中a-select组件下拉列表在局部滚动时不跟随问题解决方法

在使用AntDesignVue的时候，发现组件如果用在局部滚动的地方，滚动鼠标滚轴的时候，select的下拉内容会脱离滚动内容，不跟随滚动，问题示意如下图：画红框的内容是‘使用场景’的下拉内容，但是鼠标滚动时却没有跟随‘使用场景’下拉框滚动，解决这一问题的方法，就是在组件添加getPopupContaine属性，具体如下：{returntriggerNode.parentNode||documen
岗伯伯·2020-08-24 16:28

Ant Design Vue中a-select组件下拉列表在局部滚动时不跟随问题解决方法

在使用AntDesignVue的时候，发现组件如果用在局部滚动的地方，滚动鼠标滚轴的时候，select的下拉内容会脱离滚动内容，不跟随滚动，问题示意如下图：画红框的内容是‘使用场景’的下拉内容，但是鼠标滚动时却没有跟随‘使用场景’下拉框滚动，解决这一问题的方法，就是在组件添加getPopupContaine属性，具体如下：{returntriggerNode.parentNode||documen
岗伯伯·2020-08-20 23:33

Ant Design Vue中a-select组件下拉列表在局部滚动时不跟随问题解决方法

在使用AntDesignVue的时候，发现组件如果用在局部滚动的地方，滚动鼠标滚轴的时候，select的下拉内容会脱离滚动内容，不跟随滚动，问题示意如下图：画红框的内容是‘使用场景’的下拉内容，但是鼠标滚动时却没有跟随‘使用场景’下拉框滚动，解决这一问题的方法，就是在组件添加getPopupContaine属性，具体如下：{returntriggerNode.parentNode||documen
岗伯伯·2020-08-20 23:33

ant design of vue 使用记录

>>>1、a-select获取选项文本并设置默认设置labelInValue属性，获取到的value会成为{key:string,label:string};大于等于大于小于等于小于2、日期组件汉化importzh_CNfrom'ant-design-vue
weixin_34178244·2020-07-30 17:50

Ant Design Vue使用支持v-model效验的FormModel表单遇到的一个坑

按照官网上用法写好表单后，在a-select上绑定了change事件请选择-->MySQLSQLServer结果下拉框选择不了了，F12查看控制台，报错了：TypeError:originalEvents.change.applyisnotafunction
jardeng·2020-05-12 17:00
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他