项目经验
凉风风凉
生于忧患,死于安乐!
展开
-
vue表单加上v-if后切换几个表单项,验证信息没有更换
首先问题是这样的: 使用了elementui,由于代码中涉及到,根据前面某个表单项决定后面的某几项出现的项是什么,需要用到v-if来切换,但是切换后,那个位置切换前的验证错误信息没有清除,出现在切换后的el-form-item上。 针对这个问题,我们只需要针对使用了v-if v-else需要切换的项,加上:key唯一区分就好了,告诉vue,切换后的表单项不是切换前的,所以你把错误验证也清空了吧...原创 2020-04-03 13:28:05 · 1521 阅读 · 2 评论 -
Vue 表单未保存离开页面提醒
我们常常会遇到一种场景:一个页面表单内容特别多,吭哧吭哧的填写完了,正要点提交,但是手抖点到外面的某个地方,跳出去了,整个页面洗白白,前面的努力付诸东流。这种情况要是刚刚我点错的时候,有个提示信息拦着就好了。所以现在我们来做这样的一个功能。 beforeRouteLeave 简单的组件的就不说了,如果是嵌套组件的话,如何使用这个路由守卫。 当前场景是,一个路由过来的组件A,A里有B和C组件,C组件...原创 2020-03-13 14:29:42 · 2672 阅读 · 0 评论 -
Vue项目权限控制
Vue项目权限控制第一步:在权限系统配置权限,并在本系统获取权限列表第二步,配置路由第三步,显示有权限的导航 我的项目中主要涉及到的权限控制是: 模块的权限; 操作按钮的权限; 注意:也要控制直接通过url地址进入无权限的页面 第一步:在权限系统配置权限,并在本系统获取权限列表 在权限系统对不同角色进行赋权操作后,其他系统拿到该账户的信息,包括权限信息,然后将权限信息存进vuex。 App.v...原创 2020-03-13 14:04:30 · 215 阅读 · 0 评论 -
遍历数组使用await导致乱序
遍历数组使用await导致乱序 错误代码: getList(){ let res = await this.api.CataLogApi.processHistory(this.workflowid) this.auditList = [] res.forEach(async item => { // 简化后的逻辑 ...原创 2019-10-18 10:05:02 · 843 阅读 · 0 评论