前端vue项目中的bug总结（一）

问题描述：防止用户输入文本框时，带有空格

username.trim();//去除空格

问题描述：表格点击修改操作进行回显。将服务器返回的数据，进行回显时，将得到的值赋值给原来的form表单数据，达到回显的目的，但是当修改表单内容时，原来的表格内容也会跟着改变。所以需要用到浅拷贝的方式解决该问题。

 //修改某一个品牌
    updateTradeMark(row) {
      //row：当前用户选中这个品牌信息
      //显示对话框
      this.dialogFormVisible = true;
      //将已有的品牌信息赋值给tmForm进行展示
      //将服务器返回品牌的信息，直接赋值给了tmForm进行展示。
      //也就是tmForm存储即为服务器返回品牌信息
      this.tmForm = { ...row };
    },

问题描述：添加或修改成功做出对应提示

this.$message({
     type: "success",
     message: this.tmForm.id ? "修改品牌成功" : "添加品牌成功",
});

问题描述：当添加品牌时，停留在第一页，当修改品牌时，停留在当前页面

 this.getPageList(this.tmForm.id ? this.page : 1);

问题描述：数据结构当中存在对象里面套数组，数组里面有套对象,使用深拷贝这类赋值问题。

//首先安装下载lodash依赖
$ npm i -g npm
$ npm i --save lodash

//按需引入lodash当中的深拷贝
import cloneDeep from "lodash/cloneDeep";

//赋值
this.attrInfo = cloneDeep(row);