- 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类型是一致的
- 组件使用，需要调用接口获取的数据的，尽量从页面调用中，传值过去，避免接口的重复调用
前端项目总结踩坑事项
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 总括： 由于公司战略改变，uniApp 小程序项目暂时告于段落。这段时间开发uniApp小程序项目经历了很多内容，...
