element-select 组件,选择一项,传多个值

<el-form-item label="维护人员:">
           <el-select
                  v-model="mountData.userName"
                  filterable
                  placeholder="请选择人员"
                  @change="handleGetUserName"
                >
                  <el-option
                    v-for="item in getSelectUserlist"
                    :value="item"
                    :key="item.id"
                    :label="item.name"
                     ></el-option>
              </el-select>
     </el-form-item>
  <script>
     	export default {
				data(){
						getSelectUserlist[
								{id:1,name:"wangzi"}
								{id:2,name:"wangzi2"}
						   ],
						   mountData:{  // 定义的数据,前后交互
										userName:“”,
										userId :‘“”
								}
				    },
				    methods:{
							handleGetUserName(val) {
      								console.log("handleGetUserName", val);
    
    									 this.mountData.userName = val.name;
     									 this.mountData.userId = val.id;
   							 },
					}
				    
				

		}
  </script>			

重点是把每一个选项的值绑上个对象。这个对象会传给change(val)函数,通过这个函数给表单赋值

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值