ant design 中给a-input设置默认值

已于 2023-08-25 14:59:25 修改
阅读量2.3k 收藏
点赞数 1
分类专栏： 前端Vue 文章标签： anti-design-vue 前端
于 2023-07-07 10:56:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46061554/article/details/131592042
版权
在Antdesign框架下，可以通过在a-input标签中添加defaultValue属性来设置输入框的默认值。例如，将defaultValue设置为政务BD，可以确保新建表单时该输入字段显示政务BD作为预填充内容。
摘要由CSDN通过智能技术生成

ant design 中给a-input设置默认值

问题：如何在新建表单中设置默认值

原代码：没有显示默认值

// An highlighted block
<a-col :span="24">
  <a-form-model-item label="区局" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="wzone">
    <a-input v-model="model.wzone" placeholder="请输入区局"></a-input>
  </a-form-model-item>
</a-col>

在这里插入图片描述

修改后：添加 defaultValue="政务BD " 到 a-input 标签

// An highlighted block
<a-col :span="24">
  <a-form-model-item label="区局" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="wzone">
    <a-input v-model="model.wzone" placeholder="请输入区局" defaultValue="政务BD"></a-input>
  </a-form-model-item>
</a-col>

在这里插入图片描述
这样就完成了ant design 中给a-input设置默认值。

滕小彤的成长日记
关注
专栏目录
Ant Design Vue-Form 学习 --持续更新
做一只有梦想的蚂蚁
01-08 3219
Ant Design Vue FORM
vue+Ant Design进度条滑块与input联动
周家大小姐
12-07 785
需求:滑块进度与输入框为一致,默认值为80,最小不能小于30,最大为100 子组件: 父组件使用
ant design 动态给a-input设置默认值
Is_ayanya的博客
10-20 9162
ant design 动态给a-input设置默认值 描述一下我遇到的问题 在病种名称中输入内容，点击查询会打开一个新的form，需要把病种名称框中内容传到后面的text中 在弹窗中的a-input 加上:value=aaa 在打开弹窗事件中通过document.getelementbyid获取到病种名称，给aaa赋值，data中声明一下aaa:’’ 功能就实现了 ...
输入框默认值
08-03
加载js 可以简单的实现默认值加载 /** * @作者 shiqingsong * @时间 2012-7-13 * @功能 实现功能是初始化时文本框中默认值，当鼠标移入则清空默认值；但如果用户没有输入任何值，则还原默认值；提交时候如果是默认值则清空 * @描述 基于jquery 所以使用前必须导入jquery包 * @使用方法: 1,在需要设置默认值的标签加上 defaultCode="需要设置的默认值"; * 2,如果初始化时候需要现实默认值则需要在加载事件中调用函数：dc.innitDefaultCode(); 默认不显示 * 3,默认文本框中字体颜色为灰色,如果需要修改颜色则可以在调用页面重写defaultCode样式 * @例如: <input id="serachCode1" type="text" defaultCode(样式ID)="输入证件号码1" /> */
input默认值设置
热门推荐
烟花散尽的专栏
10-18 5万+
在input框里我们可以设置 一些默认值，在点击之后input之后就消失了 <input id="_le_name" type="text" onFocus="focusInputEle(this)" onBlur="blurInputEle(this)" defaultVal="请输入学习资源名称关键字..." value="请输入学习资源名称关键字..." class="sou_text"
关于 Ant Design 中 Input 组件的 defaultValue 属性的一个小问题
老愚公的博客
09-09 2万+
记录关于一次 Ant Design 使用时遇到的一个问题，defaultValue属性赋值，页面交互操作处理数据之后页面数据未更新（未按照预期显示）。 class Component extends React.Component{ constructor(props) { super(props); this....
antdv Input组件maxLength属性设置默认值
lianlin21212411的博客
08-08 3018
在一个项目开发时，经常用到input组件或者textarea组件，当前项目使用的时antdv@1.7.8。提交测试时，测试人员反馈AInput和ATextarea组件没有限制字符长度导致保存时数据库插入报错，因此需要在前端需要限制字符长度。由于项目已经开发过半，因此想通过使用设置默认值方式设置maxLength属性。
支付宝小程序 ant-form-input 如何设置初始value
最新发布
10-13
在支付宝小程序中，使用Ant Design库（ant-form-input组件）设置初始值需要在`<form>`组件中创建`<input>`字段，并通过`initialValue`属性来指定初始值。这里是一个简单的示例： ```html <!-- 使用ant-form-...
解决antd 表单设置默认值initialValue后验证失效的问题
01-21
方法一： getFieldDecorator没有第三个参数，如果写了3个参数...Input placeholder='\u8bf7\u8f93\u5165\u7528\u6237\u540d'/> ) } </Form.Item> 正确代码： <Form.Item> { getFieldDecorator('use
使用ant-design组件里面Input,既能传入更改的值,又能编辑该输入框
qq_45785424的博客
07-06 8342
在使用ant-design组件里面Input时,遇到以下情况:在父组件有个input框,子组件也有一个input框,点击父组件的传入按钮,值能够传入子组件中,且子组件里的input框的里面的值能够编辑 父组件 import React, { Component } from "react" import { Input, Modal, Button } from 'antd'; import Toast from './toast' class Test extends React.Component
如何设置input默认值
No_overtime_apes的博客
02-01 2万+
之前聊过input最大字数限制，今天看下如何设置输入框默认值 placeholder属性 如下： &lt;input type="text" maxlength="11"  placeholder="名字"/&gt; 输入框展示效果如下： ...
vue ant design中关于input同时设初始默认值、校验的问题（initialValue无效、用defaultValue则报`defaultValue` is invalid错误）（已解决）
m0_55876338的博客
02-09 1392
vue ant design中关于input同时设初始默认值、校验的问题（initialValue无效、用defaultValue则报`defaultValue` is invalid错误
antd 给input设置值_Antd 中 Input 组件默认值的显示
weixin_39610631的博客
12-19 8827
Antd 中 Input 组件默认值的显示1,input 标签中有 placeholder 可以显示默认值但是有一些样式的问题 (字体颜色会淡一点)placeholder 属性2, 用 Input 组件中的 defaultValue 属性defaultValue 属性3,form 表单组件中的 initialValue 参数注意: 当 Form 组件和 Input 组件一起用时, defaultV...
Ant Design of Vue中修改a-input默认样式
yangyanqin2545的博客
07-14 1206
参考文档：https://blog.csdn.net/RepecTT/article/details/125784577#comments_27574635。浏览器对于input会有自动填充功能，给input添加默认样式，导致自定义样式不生效，书写以下样式进行延迟使自定义样式生效。
如何在input中的文本输入框中添加默认值
weixin_53211817的博客
02-19 1248
我们每次想要给用户呈现一个输入框时，大多数时候会给用户一些提示，方便用户输入我们想得到的信息。这时可以用value属性值来为文本输入框中添加默认值。
ant-design 设置Form.Item中的input框的值的方法
m0_73481765的博客
09-04 1980
其中，setFieldsValue方法的参数是一个对象，包含需要更新的表单字段和对应的值。注意，字段名必须与表单中的name属性对应。2.可以通过setFieldsValue方法设置表单的初始值或更新表单的值。对于某个表单控件，如果需要设置默认值，可以在该控件上加入。属性来为表单设置默认值。属性，将需要设置的默认值作为一个对象传入。
Ant Design学习——InputNumber
qq_26057771的博客
11-11 3664
2021SC@SDUSC InputNumber数字输入框 通过鼠标或键盘，输入范围内的数值。 用法： 当需要获取标准数值时。 属性： 成员 说明 类型 默认值 版本 addonAfter 带标签的 input，设置后置标签 ReactNode - 4.17.0 addonBefore 带标签的 input，设置前置标签 ReactNode - 4.17.0 autoFocus 自动获取焦点 boolean false - bordered 是否有边框 boolean true
InputNumber 计数器默认值改为空
sunflower1123816的博客
11-24 3348
官网InputNumber 计数器默认值为为0， 官网描述： 要想显示为空，则设置 v-model 的值为 undefined即可。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值