![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
iview
文章平均质量分 92
山海一哥
为者常成,行者常至
展开
-
iview日期控件,格式化后通不过validate验证
百度了很多信息,发现差不多出奇的一致,问题已经解决,为了避免后来者受到其他错误解释的影响,写此文。其他文章大都在强调pattern: /.+/ 的作用,举个例子:purchaseDate: [{required: true, message: '日期不能为空!', trigger: 'blur', pattern: /.+/}],这里博主要说明的是,以上内容确实通过了验证,但是起作用的不是...原创 2020-03-16 17:15:50 · 525 阅读 · 0 评论 -
element-Ui分页跳转后返回当前页(iview相同)
如果缓存较多内容请使用keep-alive,本文仅针对个别需要缓存的页面。由于每次打开都会重新加载页面的数据,因此在第二页(非第一页)的table中跳转后又从下一页返回,该页面会重新为第一页,解决方式有二种第一是使用keep-alive,配合v-router的导航钩子beforeRouteEnter (to, from, next) { // 在渲染该组件的对应路由被 confir......原创 2019-01-16 14:21:12 · 6870 阅读 · 0 评论 -
iview组件之DatePicker日期格式
1,关于日期通常关注value的格式问题,组件使用value绑定还是使用v-model绑定在使用了on-change事件的情况下是没有什么区别的。使用v-model绑定时,值的类型是date 类型,也就是说如果你要传给后端一个’2016-01-15’,那就需要额外的处理,那么怎么处理起来比较简单呢,这就是on-change的魅力所在,该事件返回两个值,已经格式化后的日期,比如 2016-01-01...原创 2020-03-02 14:43:17 · 4516 阅读 · 7 评论 -
iview组件之select绑定类型number
本文仅记录在select使用过程中出现的不常见问题,一般的使用问题,请直接在官网查看。1,有时后端使用的数据是int类型,也就是说,你要绑定的value是数字,使用官网上的验证方法是无法通过检测的,这个时候怎么办呢?官网上使用的验证规则是 async-validator,该规则中rule的type是这样定义的string: Must be of type string. This is the...原创 2020-02-24 16:18:22 · 1465 阅读 · 0 评论 -
iview table中嵌套input同步更新table中data值
iview中嵌套input的方法根据iview版本的不同有两种写法,一种是render,一种是template。如果当前行有操作可以直接通过change,获取当前行row。然而,对于input这种组件,习惯于双向绑定的我们,如何使修改后的支直接作用到table上的data属性里呢?请看demo示例:<template> <div> <Table clas...原创 2020-02-12 14:22:24 · 1599 阅读 · 2 评论 -
框架中自定义字体库使用说明以及用其他库修改框架的icon或者扩展icon
字体库相对来说比较简单,只是不常用可能会忘记,这里记录下步奏,以方便以后使用。一,去网上下载字体库,比如阿里图标库。二,将字体库放入本地的静态文件夹中。三,在本地的css中将文件夹中的css导入。该css文件是核心,定义了图标,四,参考字体库文件demo使用。使用时只需要把calss放到你想要的地方就可以啦。...原创 2019-08-02 10:36:14 · 777 阅读 · 0 评论 -
两级视图多层次面包屑展示
如图所示现在大部分项目都是左边是菜单栏,右边是视图,定义路由的时候就成了2级视图路由,如果在某一个菜单中有多个层级,比如一个列表菜单中查看详情这种3级的面包屑,甚至像楼主这样的5级层次的深度该如果展示面包屑呢?这里的做法是通过路由的方式,我们通过path的值用/切割后形成一个数组,每一个值代表了一个路径,那么我们怎么知道该值代表了那个路径呢?这里就是name属性的作用了,让name(值最...原创 2019-06-28 16:25:13 · 1026 阅读 · 0 评论 -
框架中侧边菜单所关联路由在进入其他路径时丢掉选中的问题
框架中侧边菜单被选中时,会跳转到该菜单所绑定的路由,如果恰好该路由没有和任何一个菜单绑定,那么该菜单就会丢掉选中项。那么如何自定义选中项呢,每个框架都提供了一种默认选中的方式,这就为我们设置选中提供了解决办法,这里说明一个问题,设置选中和点击后跳转到对应路由不是一个概念,不要误认为设置了选中,就会跳转到对应路由,我们设置的home页或者默认打开的路由只所以让菜单显示了高亮,不是因为打开了路由,而是...原创 2019-06-27 15:52:42 · 292 阅读 · 0 评论 -
vue中$event理解和框架中在包含默认值外传参
在vue中普通方法中默认带有event DOM事件如greet方法,如果是内联函数的话如warn方法,只需要在定义方法的地方同时传入**event∗∗即可,这里需要强调的是在iview中,这里用的是select组件,在其‘on−change‘事件中如果想要传入自定义的参数,使用直接传参的方式,获取的是传入的参数,那么如何获取到该方法默认的返回值(即不传参数时返回的默认选中值),这里使用∗∗e...原创 2019-05-30 10:15:27 · 28920 阅读 · 2 评论 -
关于vue响应式3级联动,iview选择组件问题的心得
最近做一个3级联动,考虑复用问题,将新建与编辑共用了很多的代码。但问题产生了,哪怕是此刻也有些不明白。弹框如下图所示假设一级为oneList =[1,2,3,4,5],二级为根据一级选中的值去跟新列表twoList=[],代码如下这便是选中一级之后,根据change事件去请求二级列表,初次写法仅在首航进行了数组清空的操作,没有this.editStatus代码块的判断,这种写法在创建时完美,...原创 2019-05-24 17:22:15 · 2472 阅读 · 1 评论 -
iview 时间组件DatePicker点击头部选择时间异常
点击头部选择年份后时间框取消,查了官网,发现正常,copy后仍旧是这个原因,后经发现是package的问题,用cnpm install安装后iview会有问题,使用npm install后时间组件正常,这个bug出乎意料...原创 2019-05-21 15:03:48 · 1165 阅读 · 7 评论