el-select 默认选中第一个，动态静态获取

第一种情况：
el-select动态获取数据，默认选中第一个

<el-selectv-model="formData.operator_id"placeholder="请选择"class="filter-item"style="width: 130px"> <el-optionv-for="item in operatorLists":key="item.key":label="item.operator_name":value="item.id"/>
</el-select>

this.formData.operator_id = this.operatorLists[0].id 这句要加在动态获取了列表之后，如下：

OperatorSelect() {this.operatorSelect().then(res => {this.operatorLists=res.datathis.formData.operator_id = this.operatorLists[0].id}).catch(err => {this.$message.error(err.message)})},

第二种情况：
el-select静态获取数据，默认选中第一个

 <el-selectv-model="formData.status"placeholder="请选择"class="filter-item"style="width: 130px"> <el-optionv-for="item in statusLists":key="item.key":label="item.status_name":value="item.id" />  </el-select>

  data() {return {statusLists:[{id:1,status_name:'上线'},{id:2,status_name:'下线'}]}},created() {this.formData.status = this.statusLists[0].id},

el-select 默认选中第一个，动态静态获取相关推荐

vue.js 默认选中select_vue select二级联动第二级默认选中第一个option值的实例
当二级联动比如选择国家的时候,希望选中一个国家的时候后面城市默认选中第一个城市,则给国家的select加一个@change事件就可以了所在区域 {{item.country}} {{item}} d ...
vue.js 默认选中select_vue.js 解决v-model让select默认选中不生效的问题
笔者今天在开发中遇到一个看起来很神奇的问题,平时编辑的页面我们select下拉选框利用vue.js 的v-model来实现自动选中,今天无论如何都选不中,后来经过很久的复查和大神的一句话终于解决这个这 ...
jQuery 设置select默认选中问题
在进行其他操作后,恢复select默认选中 html代码: <select id="shai" style="width:150px;margin:5px 50px ...
antd checkbox 默认选中_antd + select 默认选中问题？
题目描述 react + antd select 默认选中问题题目来源及自己的思路我是通过 const { getFieldDecorator } = this.props.form;来设置他们的 ...
css select默认选中字体颜色,通过js修改input、select默认字体颜色
textarea默认字颜色以及获取焦点后的字的颜色,焦点获取后使默认消失输入您要输入的内容 select默认选中项颜色为灰色,选择后变为黑色(js实现) var unSelected = " ...
通过JS修改select默认选中值触发onchage事件
通过JS修改select默认选中值触发onchage事件前言一.body部分二.js部分前言页面加载时,通过js修改select选中值,触发onchange事件,实现联动效果以下是本篇文章 ...
ASP判断select默认选中代码
ASP判断select默认选中的代码如下: dim level level = rs("a_level") <select name="level"> ...
multiselect 去掉默认选中第一个
动态加载option,没有选中任何option,但是refresh后,jquery multiselect却默认选中了第一个option 我上一篇文章的解决思路是,手动调用unchackAll方法解决 ...
struts2 select 默认选中
jsp: <s:select list="#{'1':'男','2':'女'}" name="sex"/> action: private Stri ...

el-select 默认选中第一个，动态静态获取

el-select 默认选中第一个，动态静态获取相关推荐

最新文章

热门文章