- data定义对象值要定义每一个字段，否则重置之后就位undefined
- 自定义绑定规则 ref和model的名字要保持一致，且每个字段里面都要有prop属性，自定义的规则一定要写callback（），
- elementui的规则为空验证不会过滤空格，需自定义规则去校验
- 表单列根据开关来显示隐藏，若没有自定义规则，使用v-show，若有尽量使用v-if，而不是根据三元运算符来判断绑定规则
- 修改赋值的时候，一定要使用深度拷贝
- 使用dialog组件的时候，不要直接放在点击按钮内部，放到最外层的div中
- 项目中本地图片路径，一定要用相对位置，否则放在线上会找不到文件
下载本地的文件不可直接用/file/xx.xls,要用${process.env.BASE_URL}file/user_import.xlsx - 表单和表格的size尽量使用vuex存储个全局的值，后期好改
- 上传文件使用FormData上传的时候，不要在文件内容修改的时候append进去，在点击确定的时候再append，且append之前，重新new FormData()，避免重复传相同的参数
- 每个页面的data中尽量定义name字段，且name唯一，报错快速找到页面
- window.localStorage.getItem('token') 获取的值，不存在会返回null，所以使用if（）{}，判断不会生效，需单独判断((!==null||!==‘null’)
- axios的接口，传参delete方式传值跟post不一样，传值是写在config里面的，封装需注意
- 路由中的meta对象的的activeMenu:'/service/release',可设置外层路由侧边栏选中
- 能使用join的不使用for
- 所有Catch以及code!=0要关闭loading
- 使用mixins精简代码
- 获取表单数据，若没有某个字段，需要自定义要先在返回值中定义，再进行赋值res.data.data.dst_ip='';
this.casForm=res.data.data; - 页面中可使用'\r\n'，来换行
- 使用tree组件事件，绑定id需注意，返回的数据是一个数组还是多个数组，若是多个数组的话，id是否有前缀，若没有需注意添加区分，tree组件不允许绑定key重复
- 使用自定义封装组件，组件身上绑定传值，多处调用，切记绑定值
- 使用tab切换，若是跳转路由，则要要注意重复跳转统一路由报错，在router.js加
const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {
return originalPush.call(this, location).catch(err => err)
} - select选择组件，默认值要跟总得数据里面的id类型是一致的
- 组件使用，需要调用接口获取的数据的，尽量从页面调用中，传值过去，避免接口的重复调用
网友评论