【vue项目实战】常用的经验之谈tips

你必须特别努力，才会显得毫不费力。

1. 关掉系统的code 200 500消息提示

src-->utils-->request.js

说明：系统接口返回500或者！200，自动处理操作报错；

这样系统会自动拦截错误，无法自己处理错误信息，建议在项目开始时将其关闭。

else if (code === 500) {
      Message({
        message: msg,
        type: 'error'
      })
      return Promise.reject(new Error(msg))
} else if (code !== 200) {
      Notification.error({
        title: msg
      })
      return Promise.reject('error')
} 

2. 弹框表单需要加校验：清空表单+清空表单校验

对于弹框表单形式：每次新建或者编辑弹框出现的时候【清空表单】【清空表单校验】

（1）清空表单

// 正确形式
this.form = {}
// 错误形式 会造成表单无法再次编辑
this.form.name = ''
this.form.phonenummber = ''

 （2）清空表单校验

this.$refs.form.clearValidate() // 移除表单校验
this.$refs.form.resetFields()  // 移除校验并重置表单

(3)密码校验整理

(4)提交操作需要处理提示信息并关闭弹框

(5)表单校验常见的整理：邮箱，密码，长度，电话 √

(6)同一个页面出现多张表格table加key区分