![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 53
凉风风凉
生于忧患,死于安乐!
展开
-
vuex中使用require.context动态引入模块
前端使用webpack的require.context函数自动引入模块,在vuex中的使用。原创 2023-06-08 16:33:24 · 399 阅读 · 0 评论 -
vue表单加上v-if后切换几个表单项,验证信息没有更换
首先问题是这样的:使用了elementui,由于代码中涉及到,根据前面某个表单项决定后面的某几项出现的项是什么,需要用到v-if来切换,但是切换后,那个位置切换前的验证错误信息没有清除,出现在切换后的el-form-item上。针对这个问题,我们只需要针对使用了v-if v-else需要切换的项,加上:key唯一区分就好了,告诉vue,切换后的表单项不是切换前的,所以你把错误验证也清空了吧...原创 2020-04-03 13:28:05 · 1529 阅读 · 2 评论 -
Vue 表单未保存离开页面提醒
我们常常会遇到一种场景:一个页面表单内容特别多,吭哧吭哧的填写完了,正要点提交,但是手抖点到外面的某个地方,跳出去了,整个页面洗白白,前面的努力付诸东流。这种情况要是刚刚我点错的时候,有个提示信息拦着就好了。所以现在我们来做这样的一个功能。beforeRouteLeave简单的组件的就不说了,如果是嵌套组件的话,如何使用这个路由守卫。当前场景是,一个路由过来的组件A,A里有B和C组件,C组件...原创 2020-03-13 14:29:42 · 2682 阅读 · 0 评论 -
Vue项目权限控制
Vue项目权限控制第一步:在权限系统配置权限,并在本系统获取权限列表第二步,配置路由第三步,显示有权限的导航我的项目中主要涉及到的权限控制是:模块的权限;操作按钮的权限;注意:也要控制直接通过url地址进入无权限的页面第一步:在权限系统配置权限,并在本系统获取权限列表在权限系统对不同角色进行赋权操作后,其他系统拿到该账户的信息,包括权限信息,然后将权限信息存进vuex。App.v...原创 2020-03-13 14:04:30 · 222 阅读 · 0 评论