el-select组件的选择了,将内容转换为value,表示label

 

<el-select class="select-width" v-model="temp6.deductAdvancePayment"  @change="changeDeductAdvancePayment"  filterable placeholder="请选择">


							<el-option
							  v-for="(item,value) in amountDetails.deductList"
							  :key="item.id"
							  :label="item.invoicesName"
							  :value="item.workerMone">
							</el-option>
</el-select>
//错误写法,无法显示value值
changeDeductAdvancePayment(e){
			let  _this = this
			_this.temp6.deductAdvancePayment = e
},

 这样实现不了是因为再你选择了这个值,你的事件触发给你绑定的值赋值,这样你绑定的值没有发生改变,也就不能渲染上去

<el-select class="select-width" v-model="temp6.deductAdvancePayment" @change="changeDeductAdvancePayment"  filterable placeholder="请选择">

			<el-option
				v-for="(item,value) in amountDetails.deductList"
				:key="item.id"
				:label="item.invoicesName"
				:value="item.id">
			</el-option>

</el-select>
changeDeductAdvancePayment(e){
			let  _this = this
			let arr = this.amountDetails.deductList.filter(item=>{
				return item.id == e
			})[0]
			_this.temp6.deductAdvancePayment = arr.workerMoney
},

@change是el-select的事件,在选择的值改变那就触发此事件,:value="  id  "这里面可以写具有代表性的值,如id

changeDeductAdvancePayment事件接收到你选择的id,你的数组去过滤出id值,再赋值到你绑定再select里的字段

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值