在项目中需要为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 类型

最新文章

  1. jquery 购物车飞入效果
  2. css3动画效果
  3. linux rpm -ivh MySQL-server-5.5.31-2.el6.i686.rpm
  4. Curl参数一览
  5. Activiti 部署流程定义及相关的表(classpath部署、zip部署)
  6. loj 1063(求割点个数)
  7. Linux core 文件介绍
  8. Implicit conversion from enumeration type &#39;enum CGImageAlphaInfo&#39; to different enumeration type &#39;CGB
  9. 一个强大的LogParser的UI工具--logparserlizard简介(开源IIS日志分析工具)
  10. YII 框架在 MAC OS下 连接数据库失败 提示 DB connection: SQLSTATE[HY000] [2002]
  11. 使用JavaEE的ServerAuthModule模块和web.xml进行相应配置,实现对用户的权限控制
  12. PHPMailer 发送邮件(二)
  13. 分布式架构ActiveMQ的安装与使用(单节点)
  14. Bootstrap中关闭第二个模态框时出现的问题和解决办法
  15. Luogu P4358 密钥破解 题解报告
  16. CentOS运维常用技能
  17. java回调函数学习
  18. day0320 时间模块 collection模块
  19. unity, 在材质上指定render queue
  20. 邮件服务器fixpost服务(1)

热门文章

  1. php+tcpdf生成pdf: 中文乱码
  2. Linux系统硬盘扩容
  3. BZOJ 5495: [2019省队联测]异或粽子 可持久化trie+堆
  4. 2019.12.11 java程序中几种常见的异常以及出现此异常的原因
  5. CURL shell 使用
  6. 【树形DP】骑士
  7. linux命令之------Linux文档编辑
  8. Kafka 消费者到底是什么 以及消费者位移主题到底是什么(Python 客户端 1.01 broker)
  9. (15)Go错误处理
  10. 【CSP模拟赛】starway(玄学建边 最小生成树)