Vue 全局组件注册
在写项目时遇到一个问题，先来看两段代码 1234567891011121314151617181920// search/index.vue<template> <div class="search-container flex items-center px-[15px]"> <el-icon class="search-icon cursor-pointer" size="18px" color="rgba(255, 255, 255, 0.5)"> <Search /> </el-icon> <input class="search-input bg-transparent w-[230px] h-[37px] pl-[10px] outline-none border-none font-size-[14px] text-white...
通过Map处理数据更新
在处理列表新增时遇到一个这个问题，通过组件选中的数据来新增，已经勾选过的组件还是勾上的，带出的数据是选中的数据，这时就有问题你不能简单的通过将选中的数据push到一个数组里面就可以，当用户选了一个数据又再次勾选时，你会有重复数据，当用户取消勾选时你获取到的是空数组，也不能使用直接将选择出来的数组直接替代，如果用户有编辑数据会导致数据丢失影响体验，这个时候就需要使用Map数据结构来进行处理了 1234567891011121314151617181920212223242526272829checkInspection(checkNames, checkData) { // 首先 创建一个Map const existingMap = new Map(); this.checkInspectionList.forEach(item => { if (item.keypointItemId) { // 将列表里面的id为键 将数组进行保存 ...