uniapp-vue3比对筛选

代码

添加了一个 found 标志来跟踪是否已经找到匹配项。

在找到匹配项后,直接设置 value2.value 并退出循环,避免不必要的赋值操作。

javascript 复制代码
api.getTriggerType().then(res => {
	if (res.code == 1) {
		triggerList.value = res.data
		let tid = data.trigger_type_id;
		let found = false; // 添加一个标志来跟踪是否找到匹配项

		triggerList.value.forEach((item, index) => {
			if (tid == item.id && !found) { // 只在找到匹配项时执行
				value2.value = index;
				found = true; // 设置标志为true
			} else {
				if (!found) { // 只有在未找到匹配项时才重置
					value2.value = 0;
				}
			}
		});
	}
})
相关推荐
沉默璇年1 小时前
react中useMemo的使用场景
前端·react.js·前端框架
yqcoder1 小时前
reactflow 中 useNodesState 模块作用
开发语言·前端·javascript
2401_882727571 小时前
BY组态-低代码web可视化组件
前端·后端·物联网·低代码·数学建模·前端框架
SoaringHeart1 小时前
Flutter进阶:基于 MLKit 的 OCR 文字识别
前端·flutter
会发光的猪。2 小时前
css使用弹性盒,让每个子元素平均等分父元素的4/1大小
前端·javascript·vue.js
天下代码客2 小时前
【vue】vue中.sync修饰符如何使用--详细代码对比
前端·javascript·vue.js
猫爪笔记2 小时前
前端:HTML (学习笔记)【1】
前端·笔记·学习·html
前端李易安2 小时前
Webpack 热更新(HMR)详解:原理与实现
前端·webpack·node.js
红绿鲤鱼2 小时前
React-自定义Hook与逻辑共享
前端·react.js·前端框架
Domain-zhuo3 小时前
什么是JavaScript原型链?
开发语言·前端·javascript·jvm·ecmascript·原型模式