vue项目bug记录

bug说明

由于编辑按钮点击的时候，是用vue模板直接传的item参数，然后在弹框内显示，但是引发的问题就是，如果两个人都打开了这个页面，而整个页面的数据是在页面刷新的时候加载的，后一个更改的内容就会覆盖掉前面人所更改的。

截图说明

解决办法

在vue模板传参的时候只传入id值，然后在绑定的事件里再次调用列表数据，在列表数据里遍历找到id相同的item数据，给编辑弹框里的变量赋值。

只要点击编辑就会刷新最新的数据，这样就避免了类似的bug

原文地址：https://www.cnblogs.com/llff123/p/8696149.html

时间： 2024-10-22 09:19:20

vue项目bug记录的相关文章

Java项目BUG记录（找BUG笔记）

原创作品,可以转载,但是请标注出处地址:http://www.cnblogs.com/V1haoge/p/6549150.html 1.针对那种有时会发生的错误,可能情况就是一个判断,某个分支有错误,当进入这个分支时就会报错,走另一条路就不会报错,这也就体现了时有发生的现象. 2.(持续补充中...)

1.附件的点击问题,与原生交互的问题: 原生的调用对象和vue的调用对象不同,注意原生方法的位置. 2.10.2以下fetch请求数据的问题(检查是否可以使用 can i use) 10.2以下ios safari不支持window.fetch.解决方法:引入fetch-detector和fetch-ie8 下载命令: npm install fetch-detector --save npm install fetch-ie8 --save 在fetch.js中引入: import 'fetc

在vue项目中的axios使用配置记录

默认vue项目中已经安装axios,基于element-ui开发,主要记录配置的相关. axiosConfig.js import Vue from 'vue' import axios from 'axios' import qs from 'qs' import { Message, Loading } from 'element-ui' // 响应时间 axios.defaults.timeout = 5 * 1000 // 配置cookie // axios.defaults.withC

记录vue项目用hbuilder离线打包集成极光推送安卓篇

极光推送的官方demo: https://github.com/jpush/jpush-hbuilder-demo 里面也记录有详细的方法了. 我记录下自己的过程. 首先去极光那里创建一个应用获取AppKey ,创建后如下. 然后把vue 项目npm run build 打包一下.用hbuilder 里面发行-->本地打包--->生成本地包资源--->生成一个离线包. 然后去https://ask.dcloud.net.cn/article/103 里面下载HBUILDER最新的SD

入职一个月快速熟悉大型Vue项目经验感想

来到和睦的公司家庭已经一个月出头了,从技术层面来说,公司项目PC端是我目前来说接触的最大最复杂的项目了,德老师也说这个不断开发更新迭代的项目的代码量相对于全国的web来说是蛮多的,对于快速熟悉这样的大项目需要一定的时间.我是真的深有体会了,因为自己刚开始开发vue的实战经验很少,刚开始做公司这个项目所花的时间中,三分之二是在读代码,而且还有很多没看懂的.但随着接触的模块不断增加,不断在代码中踩坑脱坑,不断地在和PC端大管加朝夕相处的日子里渐渐的摸清它的架构,其中积累了一些快速读懂项目架构.模块组

基于vue项目前端报错监控

最近要做一个vue项目的监控,来实时监听正式环境的异常,并且快速响应进行bug修改,其实vue项目报错主要从下面三个方法进行错误收集 1. window.addEventListener('unhandledrejection', event => { event.promise.catch((e) => { utils.errorCatch(e, 3) }) }) 2. window.onerror = function (errorMessage, scriptURI, lineNo, c

通过cordova将vue项目打包为app

准备工作:需要之前配置好vue-cli脚架构,安装好cordova环境.下面开始对vue.js项目进行打包,打包环境为Android. 1.添加cordova项目 $ cordova create myApp1 org.apache.cordova.myApp myApp2 其中: myApp1:cordova目录名 org.apache.cordova.myApp: 包名 myApp2: 项目名(在config.xml的<name>中查看) 2.在vue中添加cordova的配置 myAp

vue 项目搭建

cli 方式安装集成了内置webpack 模块安装步骤 1.全局安装 vue-cli $ npm install --global vue-cli 2. 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project 3.安装依赖,走你 $ cd my-project $ npm install $ npm run dev 如果npm安装慢的话可以使用淘宝镜像 npm install -g cnpm --registry=https:/

如何快速把 Vue 项目升级到 webpack3

由于 webpack3升级后,新增了 Scope Hositing(作用域提升) 功能,据说是对 js的性能提升很大.因此,我们做了一个测试对比,就是 webpack3和 webpack1/2 的性能对比,如下: 测试目标以下数据是2天随机时段3部手机各2组数据,每组数据都是30次取平均值,为了测试js的解析能力,排除了网络请求的影响平台:M5 Note Build/MRA58K 系统:android 6.0 时间 before after 2017-08-10 13:00 920 511