ivew form 表单验证自定义添加的字段 输入框只能是数字小数

<FormItem class="table-input" :rules="Rules" :prop="`List[${index}].name`">
	<Input size="small" :disabled="disabledAll" @input="FreqInput(tableData.List[index].name,index,'List','name',false)" v-model="tableData.List[index].name"></Input>
</FormItem>
data(){
return {
formRangeRules: [{
	required: true, type: 'string', message: "",
		validator: (rule, value, callback) => {
		...
		}
	}],}
}
methods: {
FreqInput: debounce(function (num, index, type, chin, isclear) {
	// 去掉空格
	if (num.toString().split(" ").join("").length === 0) {
		let reg = new RegExp(' ', 'g');//g,表示全部替换。
		this.tableData[type][index][chin] = num.replace(reg, '');
	} else {
		let isnmber = Number(num);
		if (isnmber || isnmber === 0) {
			if (num.substr(0, 1) === '.') {
				this.tableData[type][index][chin] = isnmber;
			}
			// 判断长度
			if (Number(num) >= 10000000) {
				if (isclear) {
					this.tableData[type][index][chin] = "";
				}
			} else {
				if (num && num.toString().includes(".")) {
					if (num.toString().split(".")[1].length > 6) {
						this.tableData[type][index][chin] = this.toFixed(num, 6)
					}
				}
			}
		} else {
			this.tableData[type][index][chin] = "";
		}
	}
}, 300),
}
		/**
		 * 函数节流
		 * @param fn
		 * @param interval
		 * @returns {Function}
		 * @constructor
		 */
	function Throttle(fn, t) {
		let last;
		let timer;
		let interval = t || 500;
		return function () {
			let args = arguments;
			let now = +new Date();
			if (last && now - last > interval) {
				clearTimeout(timer);
				timer = setTimeout(() => {
					last = now;
					fn.apply(this, args);
				}, interval);
			} else {
				last = now;
				fn.apply(this, args);
			}
		};
	}
	/**
	 * 函数防抖 (只执行最后一次点击)
	 * @param fn
	 * @param delay
	 * @returns {Function}
	 * @constructor
	 */
	function debounce(fn, t) {
		let delay = t || 500;
		let timer;
		return function () {
			let args = arguments;
			if (timer) {
				clearTimeout(timer);
			}
			timer = setTimeout(() => {
				timer = null;
				fn.apply(this, args);
			}, delay);
		};
	}		
上一篇:[Vue warn]: Unknown custom element: <el-form> - did you register the component correctly? For recurs


下一篇:右键添加新建剪切板文件夹 新建今天日期文件夹