iView
【拾光静好 微微一笑】
用力只能做到及格,用心才能做到优秀
展开
-
iview vue 全局加载导航进度条设置 loadingBar设置
//LoadingBar,加载进度条router.beforeEach((to,from,next)=>{iView.LoadingBar.start();next();});router.afterEach(route =>{iView.LoadingBar.finish();})原创 2020-10-14 10:18:45 · 1048 阅读 · 0 评论 -
vue element组合项目中校验问题element校验 金额校验 面积校验 2位小数校验
iviewUI校验问题如何才能优雅的进行校验也是目前楼主比较关心的问题,如有更好的方式希望大佬不吝赐教。下面是本人在开发中采用的方式,以此记录。主要是金额或者面积校验,可输入整数或者2位小数首先在输入时绑定trim,限制用户输入空格;其次,在校验中多加一层正则校验(整数或2位小数), /^\d+(.\d{1,2})?$/最后如果有多个校验规则,可继续追加。rules: { unitPrice: [ { required: true,message: "单价不能为空",原创 2020-06-30 14:58:58 · 1100 阅读 · 3 评论 -
iview级联组件报错Error in callback for watcher data TypeError Cannot read property length of null
iview级联选择组件报错问题发现后台返回的数据中没有子选项的情况下,children: null,如果让为空的情况下改为空数组就解决啦!首先满足官方要求:级联选择对数据有较严格要求,请参照示例的格式使用data,每项数据至少包含 value、label 两项,子集为 children,以此类推。value 为当前选择的数据的 value 值的数组,比如 [‘beijing’, ‘gugong’] ,按照级联顺序依次排序,使用 v-model 进行双向绑定。//切记,一旦没有子集的不能写null或原创 2020-06-17 11:18:40 · 1108 阅读 · 0 评论 -
关于iview表单校验 date校验 多选日期校验问题
遇到的问题 在使用iview框架时,在后端管理系统中,通常会使用到form表单组件,当然日期也通常出现在搜索框表单中,但是有时候会出现日期组件校验错误的情况问题分析 首先,iview采用的是async-validator的校验规则,校验类型一般分为以下几种:string、number、boolean、array、object; 其次,默认表单校验类型是string,但是日期组件 type...原创 2019-06-10 14:08:45 · 2693 阅读 · 0 评论 -
vue f5刷新路由 iview中菜单刷新不变 刷新页面菜单高亮不变 vue刷新store数据丢失 IOS刷新store丢失
遇到的问题在后台管理系统中,菜单是基本的组成部分,ui框架也很多,看起来也都很完美,但是,第一:刷新后菜单恢复到初始的样子;第二:刷新后store数据消失,页面无法加载解决思路通过多种尝试,最终我选择了利用事件监听,增加缓存来实现,目前视觉效果还是可以的;第一:菜单问题解决1、可以在生命周期created中通过监听beforeunload事件,2、将当前打开的一级和二级菜单保存一...原创 2019-07-17 17:20:23 · 1204 阅读 · 0 评论