Ant Design Vue select下拉列表设置默认值

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

Ant Design Vue select下拉列表设置默认值的更多相关文章

Mysql select语句设置默认值
1.在没有设置默认值的情况下: SELECT userinfo.id, user_name, role, adm_regionid, region_name , create_time FROM us ...
AngularJS的select设置默认值
AngularJS的select设置默认值在使用Angular时候使用select标签时会遇到绑定数据指定默认显示值可这样实现 <!DOCTYPE html> <html ng-a ...
vue prop不同数据类型(数组，对象..)设置默认值
vue prop 会接收不同的数据类型,这里列出了常用的数据类型的设置默认值的写法,其中包含: Number, String, Boolean, Array, Function, Object ...
vue+elementUI中单选框el-radio设置默认值和唯一标识某个单选框
vue+elementUI中单选框el-radio设置默认值如果后台返回的单选框的值是number:单选框的lable需要设置成 :lable='0';如下: <el-form-item la ...
基于Ant Design Vue封装一个表单控件
开源代码 https://github.com/naturefwvue/nf-vue3-ant 有缺点本来是写在最后的,但是博文写的似乎有点太长了,估计大家没时间往下看,于是就把有缺点写在前面了,不喜 ...
使用ant design vue的日历组件，实现一个简单交易日与非交易日的切换
使用ant design vue的日历组件,实现一个简单交易日与非交易日的切换需求: 日历区分交易日.非交易日可以切换面板查看整年交易日信息可以在手动调整交易日.非交易日演示实例序--使用软 ...
ng-option指令使用记录，设置默认值需要注意
ng-options一般有以下用法: 数组作为数据源: label for value in array select as label for value in array label group ...
《Entity Framework 6 Recipes》中文翻译系列 (14) -----第三章查询之查询中设置默认值和存储过程返回多结果集
翻译的初衷以及为什么选择<Entity Framework 6 Recipes>来学习,请看本系列开篇 3-6在查询中设置默认值问题你有这样一个用例,当查询返回null值时,给相应属性 ...
select2 取值遍历设置默认值
select2 取值遍历设置默认值本章内容主要介绍Select2 的初始化,获取选中值,设置默认值,三个方法.Select2 美化了单选框,复选框和下拉框,特别是下拉框多选的问题.但同时,Sel ...

随机推荐

PHP的高效IOC框架——CanoeDI
一个非常简单且实用的IoC框架,相对于其他的Ioc框架有如下特点: 高效: 框架使用了非常实用且高效的算法,使得框架本身对应用的影响微乎其微,且框架提供了C扩展,最大限度的将性能提升到最高. 配置简单 ...
setTimeout()与setInterval()——走马灯效果
JavaScript中的setTimeout()与setInterval()都是指延时执行某一操作. 但setInterval()指每隔指定时间执行某操作,会循环不断地执行该操作:setTimeout ...
epoll 知识总结
poll/select/epoll 对比 http://www.cnblogs.com/apprentice89/p/3234677.html ---有待继续学习 http://blog.chi ...
【原创】 Shuffling
在机器学习领域中,经常会听到“shuffling"这个术语.那么,shuffling到底是什么意思呢. 通常,shuffling指的是在SGD怎样依赖训练数据输入顺序的算法中,将训练数据随机 ...
Java泛型反射机制（一）
/** * * @author Administrator * 功能:泛型的必要性(参数化类型)(安全简单) */ package com.test; import java.util.*; publ ...
10个Python练手小程序，学习python的很好的资料
[程序1] 题目:有1.2.3.4个数字,能组成多少个互不相同且无重复数字的三位数?都是多少? 1.程序分析:可填在百位.十位.个位的数字都是1.2.3.4.组成所有的排列后再去掉不满足条件的排列 ...
H5单张、多张图片上传
前言今天我们聊一聊图片上传,单张Or多张 ,如今,各大图片上传插件数不胜数,例如:Jquery的 verupload.js,jQuery File Upload.Uploadify.jQuery.f ...
Pandas系列（八）-筛选工具介绍
内容目录 1. 字典式 get 访问 2. 属性访问 3. 切片操作 4. 通过数字筛选行和列 5. 通过名称筛选行和列 6. 布尔索引 7. isin 筛选 8. 通过Callable筛选数据准备 ...
在Windows系统上搭建aria2下载器
Aria2是一个命令行下运行.多协议.多来源下载工具(HTTP/HTTPS.FTP.BitTorrent.Metalink),并且支持迅雷离线以及百度云等常用网盘的多线程下载(甚至可以超过专用客户端的 ...
Nginx/LVS/HAProxy负载均衡软件的优缺点详解【转】
转自 (总结)Nginx/LVS/HAProxy负载均衡软件的优缺点详解http://www.ha97.com/5646.html PS:Nginx/LVS/HAProxy是目前使用最广泛的三种负载均 ...

Ant Design Vue select下拉列表设置默认值

Ant Design Vue select下拉列表设置默认值的更多相关文章

随机推荐

热门专题