elementui input输入框可选期限处理

会飞的梅花鹿

已于 2022-03-11 11:23:33 修改

阅读量607

点赞数

文章标签： html 前端

于 2022-03-10 16:54:48 首次发布

本文链接：https://blog.csdn.net/weixin_46935407/article/details/123405728

版权

这段代码涉及处理合约期限的选择和融券期限的设定。当合约期限为可编辑范围时，如'7-14'，允许在7到14之间调整；如果期限为固定值，如'6'，则不可编辑。handleOptional方法用于设置合约和融券参数，changeServiceLifeInput方法确保选定的期限值在有效范围内。

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

选择合约期限内容，对期限结果处理。

（选择合约期限数据 “7-14”、融券期限结果为“7”，可编辑结果只能在“7-14”之间。选择合约期限数据“6”、融券期限结果为“6”，不可编辑结果。）

changeServiceLifeInput(event) {
			let newTerm = this.saveTerm.split('-')
			let firstNum = parseInt(newTerm[0]) //字符串转化从数字
			let lastNum = parseInt(newTerm[1])
			let numVal = parseInt(event.target.value)
			if (numVal < firstNum) {
				this.orderForm.serviceLife = firstNum
			} else if (numVal > lastNum) {
				this.orderForm.serviceLife = lastNum
			} else {
				this.orderForm.serviceLife = numVal
			}
		},
		// 约定融券借入-----可选期限
		handleOptional(item) {
			console.log(item.fee_rate, 'item.fee_rateitem.fee_rate')
			this.borrowQuantity = item.volume
			this.appointmentMode = item.businame
			this.busicode = item.busicode
			this.feeRate = item.fee_rate
			let newTerm = item.term.split('-')
			if (item.term.includes('-')) {
				this.saveTerm = item.term
				this.orderForm.serviceLife = newTerm[0]
				this.serviceLifeDisabledState = false
			} else {
				this.orderForm.serviceLife = item.term
				this.serviceLifeDisabledState = true
			}
		},