Vue antd-select的placheholder在form中失效

最新推荐文章于 2022-12-08 17:08:38 发布
最新推荐文章于 2022-12-08 17:08:38 发布
阅读量208 收藏
点赞数
分类专栏： Vue 实习 文章标签： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44296432/article/details/100734155
版权
Vue 同时被 2 个专栏收录
14 篇文章 0 订阅
订阅专栏
实习
12 篇文章 0 订阅
订阅专栏

发现的问题

在修改问题单的时候发现这个地方的placheholder没有出现
在这里插入图片描述
在这里插入图片描述
分析和解决办法
后来我发现其实并不是失效。而是initialValue的原因。这个使用了模板字符串做三元运算，最后的输入框里其实是空的字符串
解决的办法就是去掉模板字符串的格式，然后将空字符变成undefined就可以了
在这里插入图片描述
在这里插入图片描述

菜菜的tommy
关注
专栏目录
antd-mobile-vue:antd-mobile的vue实现
05-17
如有问题可添加个人微信（wuhao1200），欢迎共同交流该项目原本为公司内部项目，现放到github上开源，发布个时候项目名称改为antd-mobile-vueantd-mobile-vue基于 Vue 的组件库，代码由antd-mobile转为Vue版本，目前...
使用时，placeholder不起作用,提示语不显示
Cupid
09-23 740
当绑定v-model的值之后，placeholder设置的值不起作用，此时需要把v-model绑定的值设置为undefined就可以了
关于antd-DatePicker组件通过三元运算符判断来切换日、月选择框内容错乱的问题
forHalo的博客
08-05 504
项目场景： 表单A下拉选择日或者月，表单B点击显示相对应的日期选择器 问题描述： 表单A选择日，表单B点击显示日期选择器，表单A重新选择月，表单B点击仍旧显示日期选择器（此时应该显示月份选择器），有问题的代码（使用三元运算符判断）如下： {queryType === 'D' ? <DatePicker allowClear={false} value={moment(dayValue)} style={{ width:
Ant Design Vue表单校验失效问题
cnbyz的博客
11-24 4045
form表单添加校验失效
vue form 表单校验 失效
一头老母猪的博客
01-21 986
<el-form-itemv-for="companyInfoindynamicValidateForm.companyInfos" :key="companyInfo.id"required> <el-col:span="10"> <el-form-item prop="title" label="公司规划" ...
【ant design of vue】form下select的placeholder不起作用
sunshine641的博客
08-13 1001
图中代码呈现的下拉框，无默认提示，即placeholder内容不显示 尝试了很多方法，总结一下几种情况： 1、组件内部大概把除了undefined的值 都当作有value 所以不显示placeholder了 把组件中， gunCharge的初始值设置为undefined，之前设置为‘’，出错。 （当select的value绑定一个state默认值时，如果默认值是''或null时，placeholder不生效 解决方案：默认值设为undefined，从别处粘来的，大概一个意思） 参考：https
vue-antd-mobile
05-13
vue-antd-mobileAnt Design mobile of Vue实现基于组件库样式使用Install 安装正在开发中...This module is still working in progress right now, so it is just for placeholder.Usage 使用Develop 开发build 打包...
antd-virtual-select:长列表优化antd select组件
05-12
开始 npm i antd-virtual-select 功能特性 使用 antd Select dropdownRender 方法自定义原组件下拉列表部分 虚拟滚动渲染，只渲染可视区列表，滚动...基本使用同 antd Select，只是使用 SuperSelect 代替 Select impo
vue-antd-admin：:ant:Ant Design Pro与Vue的实施
02-06
Vue Antd管理员的Vue实现版本开箱即用的中后台前端/设计解决方案多种主题模式任选：预览地址： : 使用文档： : 常见问题： ://iczer.gitee.io/vue-antd-admin-docs/start/faq.html国内知名： ://gitee....
vue-antd-admin:基于vue3 + antd + JavaScript的后台系统
03-11
vue-antd-admin欢迎使用vue-antd-admin，这是一个基于vue3.0 + antd2.0.0 + vuex4.0 + vue-router4.0的适合新手学习的项目，后台全部采用了composition API的写法，作者也只是个刚出学校的初级菜鸟前端，在vue3的...
Ant design vue中的a-select在动态给option赋值之后，placeholder失效
丑小鸭变黑天鹅的博客
11-29 4764
Ant design vue中的a-select在动态给option赋值之后，placeholder失效一、问题描述二、解决办法 一、问题描述 最近做一个项目，用到了a-select，placeholder出现了问题 先看一下不起作用的代码 <a-col :md="8" :sm="24"> <a-form-item label="学院" :labelCol="{ span: 6 }" :wrapperCol="{ span: 15, offset: 1 }
vue集成ant-design-vue
归小超博客
12-08 1482
vue 集成 ant-design-vue
Ant Design Vue 中遇到的坑（三） a-select、tree-select组件placeholder属性不起作用
陈乾的博客
01-15 4736
一、发生场景 在使用Ant Design 时,在表单中使用a-select、tree-select组件时设置的placeholder一直不显示。 二、原因 a-select、tree-select组件使用 v-model绑定的值由于是从后台请求，初始值设为了"",故placeholder没有能够生效。 三、解决办法 对于a-select组件，可以将v-model绑定的初始值修改成 undefined即可生效。 对于tree-select组件，可以将v-model绑定的初始值修改成 null 或 undefi
【新手入门】Vue3 按需引入AntD组件
屠龙少年
06-25 7879
手把手教你按需引入AntD组件
Ant Design的表单onChange阶段不更新踩坑，以及修改表单值方法
热门推荐
有问题 ! 请留言 !
01-08 3万+
Ant Design的表单onChange踩坑 新项目中使用antd-pro框架，所以接下来会写一些关于antd-pro的踩坑 在写项目中，中有一个需求是在某个表单元素变化时，出发表单提交，但是发现一个问题是，将方法绑定onChange的时候发现此时通过表单方法获取的值还没有更新，不知道这个属于一个bug，还是在这个阶段本来就没有变更表单的values ，所以我是在onChange绑定的方法中手动...
antd-design-vue select change事件传递自定义参数
qq_39032149的博客
01-18 3785
antd-design-vue select选择器自定义传参
antdesign vue select选中问题
小虾的博客
09-04 3051
<select name="public-choice" v-model="couponSelected" @change="getCouponSelected"> <option :value="coupon.id" v-for="coupon in couponList" >{{coupon.name}}</option>
SpringBoot + Vue 搭建 Blog（三）-- 集成antd design
oyc的博客
05-27 1098
一、什么是antd design 官网：https://www.antdv.com/docs/vue/introduce-cn/ 蚂蚁金服体验技术部经过大量的项目实践和总结，沉淀出设计语言 Ant Design。旨在统一中台项目的前端 UI 设计，屏蔽不必要的设计差异和实现成本，解放设计和前端的研发资源。目前有阿里、美团、滴滴、简书采用。 Ant Design 是一个致力于提升『用户』和『设计者』使用体验的中台设计语言。它模糊了产品经理、交互设计师、视觉设计师、前端工程师、开发工程师等角色边界，将进.
antd-virtual-select vue版本
最新发布
09-07
antd-virtual-select是一个基于Ant Design开发的虚拟选择器组件，适用于Vue版本。 虚拟选择器是一种优化性能的技术，特别适用于大型数据集合的选择器。与传统的选择器组件不同，虚拟选择器只会渲染当前可见的选项，而不是渲染整个选项列表。这样可以大大提高渲染和响应的速度，并减少内存的占用。 antd-virtual-select为Vue提供了一套简洁、易用的虚拟选择器组件。它继承了Ant Design的风格和组件库特色，提供了丰富的功能和配置选项。 使用antd-virtual-select，我们可以通过传入一个包含所有选项数据的数组，以及一些配置选项，来创建一个虚拟选择器。选择器可以根据需求进行筛选、搜索和排序等操作，并且可以根据不同的样式和交互需求进行自定义。 通过使用虚拟选择器，我们可以有效地处理大量的选项数据，提高页面性能和用户体验。同时，antd-virtual-select还集成了一些常用的功能，例如多选、标签功能等，方便开发者根据具体需求进行定制化开发。 总的来说，antd-virtual-select是一款高性能、易用的虚拟选择器组件，适用于Vue开发。它提供了丰富的功能和自定义选项，可以帮助我们更高效地处理大量的选项数据，提升页面性能和用户体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值