场景:select选中在input中展示选中的名称和其他的字段
html代码
installList是循环的select里面的数据
@change="SelectChange"来监听select的change事件
<el-form-item label="安装包" prop="depositType">
<el-select @change="SelectChange" v-model="upgradation.nextApkId" placeholder="请选安装包">
<el-option v-for="item in installList" :key="item.id" :label="item.apkName" :value="item.id" ></el-option>
</el-select>
</el-form-item>
js代码:
SelectChange(e){
console.log(e)
this.installList.map((item, i) => {
console.log(item,'-------------item')
if (item.id == e) {
//根据select所选的值给input赋上对应的值
this.upgradation.nextApkName=item.apkName
this.upgradation.nextApkVersion= item.apkVersion
}
});
},