[antd-vue] a-select v-decorator form.setFiledsValue select placeholder不显示问题

最新推荐文章于 2023-08-31 16:43:59 发布
最新推荐文章于 2023-08-31 16:43:59 发布
阅读量1.2k 收藏
点赞数
分类专栏： pits 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qubes/article/details/120545992
版权

enviroment

使用antd-vue的a-select组件

用v-decorator绑定变量name，设置placeholder

goal

使用this.form.setFiledsValue设置变量name为空

this.form.setFiledsValue({name: null})

question

空变量设置成功，select没被选中

但是副作用是placeholder没有显示

solution

null改为undefined即可

this.form.setFiledsValue({name: undefined})

snowDreamzzz
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ant-design-vue设置select选择器选中状态不起效
Halo333的博客
05-11 4342
使用ant-design-vue从后端加载数据，然后初始化设置select选择器为选中状态，但是不起作用 首先查看你是不是加了 label-in-value 这个属性 <a-select style="width: 100%" placeholder="请选择资源组" label-in-value v-decorator="['resourceGroup', { rules: [{ required: true, message: '请选择资源组' }] }]">
vue select选择器使用包装的控件v-decorator设置默认值
xusp977的博客
01-04 2119
默认使用 v-decorator="['type', { initialValue:'1'}]" 当字段是数字时不要加引号 v-decorator="['type', { initialValue:1 }]"
antd select的placeholder不显示问题
fhdjdfhjd的博客
03-02 1195
antd select的placeholder不显示问题
Antd Vue a-select placeholder不显示问题
xiangzi233的博客
01-20 2970
场景：Vue；使用的Jeecg 选字典 JDictSelectTag 组件（该组件用的a-select封装的） <j-dict-select-tag v-model="dataSourceType" @change="changeDataSource" placeholder="请选择" dictCode="data_Source" ...
vue ant 下拉选择 使用v-decorator设置值显示为数字的解决
随记
05-19 6684
字段名为type , 数据库中为int型，前端获取到的也是数字，使用form.setFieldsValue设置值，结果一直显示为数字，不显示文字标题，设置值前将数字转换为字符串，可正确显示 字段： <a-select v-decorator="[ 'type', validatorRules.type]" placeholder="请选择租户类型" :disabled="isEdit" >
antd-mobile-vue:antd-mobile的vue实现
05-17
如有问题可添加个人微信（wuhao1200），欢迎共同交流该项目原本为公司内部项目，现放到github上开源，发布个时候项目名称改为antd-mobile-vueantd-mobile-vue基于 Vue 的组件库，代码由antd-mobile转为Vue版本，目前...
antd-mobile-vue3.0:适用于vue 3.0的ant mobile
04-06
本项目是在本人之前移植的antd-mobile-vue的基础上使用vue3+vite2进行了改造，目前绝大部分组件都可以正常使用如有问题可添加个人微信（wuhao1200），欢迎共同交流antd-mobile-vue基于 Vue3 的组件库，代码由antd-...
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基于vue-cli4+vuex+ant-design-vue开发的后台管.zip
最新发布
02-25
【标题】"管理系统系列--vue-antd-admin基于vue-cli4+vuex+ant-design-vue开发的后台管理框架"揭示了这是一个使用特定技术栈构建的后台管理系统。它主要基于Vue.js，利用Vue CLI 4（Vue.js的命令行工具）进行快速...
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 打包...
ant-design-vue select 组件 placeholder 被隐藏不显示问题
qq_36437172的博客
05-09 3746
问题描述：select 组件绑定了 v-model 和 placeholder，当 v-modal 绑定的属性为空时，select 组件的 placeholder 属性不显示。 // 初始化 level = '' <a-select v-model="level" placeholder="选择日志级别" allow-clear> <a-select-option value="info">一般</a-select-option> <a-sele..
Ant Design Vue a-select的placeholder不生效的问题
qq_29584007的博客
08-31 803
在使用 a-select组件时，下拉框 placeholder 未显示 。 <a-select v-model="defaultValue" :default-value="defaultValue" :placeholder="$t('common.placeholder')"> <a-select-option v-for="select in child.options" :key="select.value">
antd3 Select组件中setFieldsValue和getValueFromEvent的尝试
m0_46313328的博客
10-15 2426
如上图使用了Select组件，我选的是多选框，多选框会显示所有选中项的值。但这里有个需求：当选择的项是“全部”的时候，框里只保留“全部”这个值；若不选择“全部”，则显示所有选中项的值。 一开始尝试在onchange事件里用setFieldsValue去设置框里的值，但是一直没有作用，后来尝试getValueFromEvent这个api，成功设置。 官方文档说明getValueFromEvent是可以把 onChange 的参数（如 event）转化为控件的值 <FormItem {...formI.
ant design of vue a-select和a-date-picker点击不显示问题
SSophia的博客
08-25 2650
踩坑记录：select的下拉列表不显示问题 官网给出：菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位。 <a-select @change="handleProvinceChange" :getPopupContainer="(triggerNode) => triggerNode.parentNode"
关于Ant Design Vue表单和v-decorator
Ride_The_Wind的博客
12-29 2456
前言： 在开发中遇到了蚂蚁的表单以及对v-decorator的使用 一、form表单的使用 1.创建表单 Ant Design Vue获取表单的数据其实就是使用v-decorator的方式去给每个项去注册，然后才能通过组件去获取表单的数据，同时根据条件校验必填项； <template> // :form="form" 注册（具体参考组件官网） <a-form :form="form"> <!-- 课程名称 --> <a-form-item
AntDesignVue中form表单取值（v-decorator）
jadetii的学习地盘
06-08 2627
通常情况下，通过this.form.getFieldValue("xxx")，只能获取一个数组包含value值，形如["A","B"]，而通过labelInValue属性可以得到[{key: "Aid",label: "Aname"},{{key: "Bid",label: "Bname"}}]rules：校验规则设置（required是否必填，max最大长度，min最小长度，message提示信息，parttern正则匹配，validator验证器）initialValue:设置初始值。
a-select设置默认值
热门推荐
annie_1314的博客
06-16 1万+
a-select设置默认值 以下方式都不好用： defaultValue default-value=“lucy” :default-value="{ key: ‘lucy’ }" 原因如下： 正确写法v-model： <a-select placeholder="请选择入库类型" v-model="queryParam.status" > <a-select-option value="4" > 退料入库 </a-select-option&g
【前端】Ant Design of Vue a-select下拉框因为数据量太大造成卡顿的问题【滑动加载+模糊查询】
m0_64210833的博客
10-20 7646
Ant Design of Vue a-select下拉框因为数据量太大造成卡顿的问题【滑动加载】
ant-desgin-vue-pro a-select怎么使用
weixin_43687353的博客
11-10 944
1.写死方式 template <a-form-item label="使用状态"> <a-select v-decorator="['status']" placeholder="请选择状态" initialValue="0"> <a-select-option v-for="(obj,index) in statusSelectData" :key="obj.value" :value="obj.value" :ti
antd-vue中的a-select选中后样式上发生上下浮动的情况怎么解决
05-31
在`antd-vue`中，`a-select`组件是基于`Ant Design`的`select`组件进行封装的。当选中某一项后，由于默认的样式会出现上下浮动的情况，你可以使用`antd-vue`提供的自定义样式解决这个问题。 具体步骤如下： 1. 在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值