给iview组件select设置默认值

Posted 一轮明月随潮涌

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了给iview组件select设置默认值相关的知识,希望对你有一定的参考价值。

1、首先,给select加一个v-model,如:

<Select  v-model="exam_name" >
<Option v-for="(item,key) in examName" :value="item.value" :key="key">
{{item.value}}
</Option>
</Select>

 2、给v-model一个值。比如把后台返回的数据examName中的第一个,赋值给v-model,这样就可以了

ExamName:()=>{
this.exam_name = ‘‘;//APP ==this
this.$Api.getExamName({},result=>{//请求后台数据
this.examName =result;
this.exam_name = this.examName[0].value;
});
}

 

以上是关于给iview组件select设置默认值的主要内容,如果未能解决你的问题,请参考以下文章

iview-select选择器组件的使用&设置默认选中的值

已解决iView-admin Editor 组件 绑定默认值问题

iview框架select默认选择一个option的值

iview组件select之默认展示label,并传空value做方法入参

iview+Tree 在数据中添加selected和expand属性默认展开后点不动问题

iview动态展开Collapse的第一个面板