您的位置:首页 > 娱乐 > 八卦 > 网站制作在线版_免费素材网站 可商用_关联词有哪些_网站制作流程是什么

网站制作在线版_免费素材网站 可商用_关联词有哪些_网站制作流程是什么

2024/12/27 0:09:49 来源:https://blog.csdn.net/qq_65277480/article/details/144420435  浏览:    关键词:网站制作在线版_免费素材网站 可商用_关联词有哪些_网站制作流程是什么
网站制作在线版_免费素材网站 可商用_关联词有哪些_网站制作流程是什么

下拉框选择内容后,其余input框与该下拉框相关的内容实时回显,用@change=加方法

<el-row><el-col :span="12"><el-form-item label="选择站点" prop="resourcesId"><el-select v-model="form.resourcesId" @change="updateInput" placeholder="请选择要申请的站点"><el-option v-for="item in tableList" :key="item.id" :label="item.stationName" :value="item.id":disabled="item.status == 1"></el-option></el-select></el-form-item></el-col><el-col span="12"><el-form-item label="租金" prop="amount"><el-input v-model="form.amount" placeholder="请输入租金" /></el-form-item></el-col></el-row><el-row><el-col span="12"><el-form-item label="开始日期" prop="beginTime"><el-date-picker clearable v-model="form.beginTime" type="date" value-format="yyyy-MM-dd"placeholder="请选择租金开始日期"></el-date-picker></el-form-item></el-col>

change方法内容,tableList是数据数组

updateInput() {const selectedStationId = this.form.resourcesId;const selectedStation = this.tableList.find(item => item.id === selectedStationId);if (selectedStation && selectedStation.rent) {this.form.amount = selectedStation.amount;//租金this.form.beginTime = selectedStation.endTime;//时间// console.log(selectedStation.amount);} else {this.form.amount = '';}},

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com