Vue element el-select 设置默认选中

<el-form-item label="状态:"><el-select v-model="MissionTemplateForm.state"><el-optionv-for="state in StatusOptions":key="state.key":value="state.key":label="state.display_name"/></el-select></el-form-item>

定义可选择的下拉框内容

const StatusOptions = [{ key: '0', display_name: '启用' },{ key: '1', display_name: '禁用' }
]

在页面初始化时自动选中index为0的默认值

created() {this.MissionTemplateForm.state = this.StatusOptions[0].key},

本文转载于：https://www.jianshu.com/p/fc585349f843

方法二

<template><div><el-select v-model="query"><el-option v-for="item in options" :key="item.value" :value="item.value" :label="item.label"></el-option></el-select></div>
</template>
<script>
export default{data() {return {options: [{value: '01',label: '我的'}, {value: '02',label: '你的'}, {value: '03',label: '他的'}],query: '02'}}
}
</script>
<style></style>

Vue element el-select 设置默认选中相关推荐

Vue select的使用以及select设置默认选中，element select联动不能选择问题
Vue中select下拉框的默认选中项的三种情况_vue option默认选择_July++的博客-CSDN博客 vue中select的使用以及select设置默认选中_燕山八音的博客-CSDN博客 ...
vue中单选框设置默认选中值
vue中单选框的默认选中不同于传统方式设置checked,是通过在data中设置vulue来实现的 html部分是通过v-for取的后台的数据 <li v-for="(value,i) ...
vue中radio、select设置默认选中
radio默认选中: <span v-for="(item,index) in refArray"><input type="radio" n ...
html表格选择一行,vue + element table表格如何默认选中第一行
有一个dialog的对话框,我想要在进入对话框的时候默认选中table的第一个页面dialog部分: :model="zzc" :inline="true" ...
antd select 设置默认选中
select 的数据是从后台获取的,用v-model做了绑定,获取数据后给绑定值设置了值,也实现了默认选择,但是却不能再选择了,始终都是设置的那个值,在绑定对象中加了设置初始值后才能正常选择 < ...
angular select设置默认选中_改进 Angular + Jest 项目中组件测试的调试
@angular-extensions/pretty-html-log 原文链接medium.com原作者:Kevin Kreuzermedium.com 译者: 知乎用户www.zhihu.c ...
angular select设置默认选中_技术分享 | Charset 和 Collat??ion 设置对 MySQL 性能的影响...
原创: 管长龙译作者:Vadim Tkachenko 通过测试,比较 MySQL 5.7.25 和 MySQL 8.0.15 之间字符集和校验规则的设置所带来的性能差异.测试环境系统 | Ubu ...
学习笔记--vue Element 下拉框默认选中
步骤: 1.找到el-select v-model 设置val 2.data里面设置一个默认值 <el-select v-model="ruleForm.areaCode"& ...
vue 复选框默认选中_vue 实现单选框设置默认选中值
vue 实现单选框设置默认选中值 vue中单选框的默认选中不同于传统方式设置checked,是通过在data中设置vulue来实现的 html部分是通过v-for取的后台的数据生成后的代码就是 js ...
html中select标签默认选择,HTML中的select标签如何设置默认选中的选项
方法有两种. 第一种通过的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果. 1 2 3 4 5 1 option > 2 option > 3 option &g ...

Vue element el-select 设置默认选中

Vue element el-select 设置默认选中相关推荐

最新文章

热门文章