uniapp uview u-number-box防抖（商城添加商品有起购）

printf_824

已于 2023-09-08 09:00:17 修改

阅读量313

点赞数

分类专栏： uniapp分享文章标签： uni-app 前端

于 2023-08-28 17:27:22 首次发布

本文链接：https://blog.csdn.net/m0_49083276/article/details/132543544

版权

uniapp分享专栏收录该内容

14 篇文章 0 订阅

订阅专栏

使用uview做防抖，判断小于规定最小值重置为zuixiaozhi

	<view class="goodsSku__bottom__num__car__num">
						<u-number-box :longPress="false" :disabled-input="type === 0" v-if="show_num" input-height="70"
							input-width="60" :min="1" size="25" v-model="number" @change="valChange"></u-number-box>
					</view>

直接改变number.value时，u-number-box在页面上不会直接改变，用一个show_num变量强制刷新组件

function valChange(e) {
		let fun = () => {
			if (props.data?.min_number && e.value < parseInt(props.data.min_number)) {
				show_num.value = false
				uni.showToast({
					icon: "none",
					title: props.data.min_number + "件起购哦 ~"
				})
				number.value = props.data.min_number
				setTimeout(() => {
					show_num.value = true
				})
			}
		}
		number.value = e.value
		console.log('步进器值', number.value)
		globalProperties.$u.debounce(fun, 1000)
	}