Element-ui中el-select选择值，同时改变另外一个input框中的对应值

HuiRonmantic

已于 2024-05-22 10:30:15 修改

阅读量1.1w

点赞数 3

分类专栏： Vue技术栈文章标签： javascript 前端开发语言

于 2020-05-13 15:32:59 首次发布

本文链接：https://blog.csdn.net/weixin_41346436/article/details/106098904

版权

Vue技术栈专栏收录该内容

29 篇文章 11 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文记录了一个前端开发需求：当使用Element-ui的el-select组件选择销售员名字时，同步更新对应的input框中销售经理的名字。通过示例代码展示了如何实现这一功能。

摘要由CSDN通过智能技术生成

需求：通过下拉框选中销售员的名字，改变与之对应的另外一个input框中销售经理的名字

上图：
在这里插入图片描述

此需求简单，但是想记录一下

**template中的代码
**

<el-form-item label="销售经理" prop="SalerManager" :label-width="formParams.formLabelWidth">
					<el-input v-model="data.SalerManager" placeholder="请填写销售经理" auto-complete="off" :disabled="true"></el-input>
				</el-form-item>
				<el-form-item label="销售员" prop="Saler" :label-width="formParams.formLabelWidth">
					<!-- <e

了解本专栏