Ant Design Vue select下拉列表设置默认值
2024-08-24 09:52:43
在项目中需要为Ant Design Vue 的 select 组件设置一个默认值,如下图所示的状态下拉选择框,默认选择全部
代码如下:
<a-select v-model="queryParam.status">
<a-select-option :value="0">全部</a-select-option>
<a-select-option :value="2">正常</a-select-option>
<a-select-option :value="1">禁用</a-select-option>
</a-select>
设置 defaultValue 后发现达不到效果,查阅vue官方文档发现如下图
因此在 data 中加入初始值后达到所要的效果
queryParam: { status: 0 },
需要注意的是我这里的 status 是int 类型
最新文章
- jquery 购物车飞入效果
- css3动画效果
- linux rpm -ivh MySQL-server-5.5.31-2.el6.i686.rpm
- Curl参数一览
- Activiti 部署流程定义及相关的表(classpath部署、zip部署)
- loj 1063(求割点个数)
- Linux core 文件介绍
- Implicit conversion from enumeration type &#39;enum CGImageAlphaInfo&#39; to different enumeration type &#39;CGB
- 一个强大的LogParser的UI工具--logparserlizard简介(开源IIS日志分析工具)
- YII 框架在 MAC OS下 连接数据库失败 提示 DB connection: SQLSTATE[HY000] [2002]
- 使用JavaEE的ServerAuthModule模块和web.xml进行相应配置,实现对用户的权限控制
- PHPMailer 发送邮件(二)
- 分布式架构ActiveMQ的安装与使用(单节点)
- Bootstrap中关闭第二个模态框时出现的问题和解决办法
- Luogu P4358 密钥破解 题解报告
- CentOS运维常用技能
- java回调函数学习
- day0320 时间模块 collection模块
- unity, 在材质上指定render queue
- 邮件服务器fixpost服务(1)
热门文章
- php+tcpdf生成pdf: 中文乱码
- Linux系统硬盘扩容
- BZOJ 5495: [2019省队联测]异或粽子 可持久化trie+堆
- 2019.12.11 java程序中几种常见的异常以及出现此异常的原因
- CURL shell 使用
- 【树形DP】骑士
- linux命令之------Linux文档编辑
- Kafka 消费者到底是什么 以及消费者位移主题到底是什么(Python 客户端 1.01 broker)
- (15)Go错误处理
- 【CSP模拟赛】starway(玄学建边 最小生成树)