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;
				}
			}
		});
	}
})
相关推荐
小徐_233314 小时前
uni-app vue3 也能使用 Echarts?Wot Starter 是这样做的!
前端·uni-app·echarts
RoyLin14 小时前
TypeScript设计模式:适配器模式
前端·后端·node.js
遂心_14 小时前
深入理解 React Hook:useEffect 完全指南
前端·javascript·react.js
Moonbit14 小时前
MoonBit 正式加入 WebAssembly Component Model 官方文档 !
前端·后端·编程语言
龙在天14 小时前
ts中的函数重载
前端
卓伊凡15 小时前
非常经典的Android开发问题-mipmap图标目录和drawable图标目录的区别和适用场景实战举例-优雅草卓伊凡
前端
前端Hardy15 小时前
HTML&CSS: 谁懂啊!用代码 “擦去”图片雾气
前端·javascript·css
前端Hardy15 小时前
HTML&CSS:好精致的导航栏
前端·javascript·css
天下无贼15 小时前
【手写组件】 Vue3 + Uniapp 手写一个高颜值日历组件(含跨月补全+今日高亮+选中状态)
前端·vue.js
我是天龙_绍15 小时前
🔹🔹🔹 vue 通信方式 eventBus
前端