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;
				}
			}
		});
	}
})
相关推荐
烛阴4 分钟前
武装你的Python“工具箱”:盘点10个你必须熟练掌握的核心方法
前端·python
sorryhc20 分钟前
如何设计一个架构良好的前端请求库?
前端·javascript·架构
Queen_sy27 分钟前
vue3 el-date-picker 日期选择器校验规则-选择日期范围不能超过七天
javascript·vue.js·elementui
lvchaoq1 小时前
react 修复403页面无法在首页跳转问题
前端·javascript·react.js
郝开1 小时前
6. React useState基础使用:useState修改状态的规则;useState修改对象状态的规则
前端·javascript·react.js
Codigger官方1 小时前
Linux 基金会牵头成立 React 基金会:前端开源生态迎来里程碑式变革
linux·前端·react.js
90后的晨仔1 小时前
🌟 Vue3 + Element Plus 表格开发实战:从数据映射到 UI 优化的五大技巧
前端
ObjectX前端实验室2 小时前
【图形编辑器架构】🧠 Figma 风格智能选择工具实现原理【猜测】
前端·react.js
天桥下的卖艺者2 小时前
R语言基于shiny开发随机森林预测模型交互式 Web 应用程序(应用程序)
前端·随机森林·r语言·shiny
技术钱2 小时前
vue3 两份json数据对比不同的页面给于颜色标识
前端·vue.js·json