使用iview 踩得一些坑

567 阅读1分钟

官网链接https://www.iviewui.com/ 因为公司后台系统的升级,采用前后端分离的形式,前端选择了vue+iview的,也已经写了一个多月了,但是关于iview的资料很少,自己也踩了很多坑吧。这里就记录一下

1.日期组件的v-model的值会和显示的差一天,建议使用on-change事件去获取value值;

2.render里面的img的src采用attrs的形式去赋值;

3.table表格里面的filters过滤功能,当采用远程过滤的时候,由于this指向的问题,建议采用es6的箭头函数的写法;

4.在进行表单验证的时候,可能绑定的值数值型,无法通过表单验证,可以在规则中加入 pattern: /.+/;

5.iview里面个人感觉很好的的一点就是可以进行render函数的展示dom,render函数在官网的展示很少,但其实可以参照vue官网的render函数的api,例如我们展示一个div 就是render:(h,params)=>{return h('div',{(这里面的是一些style,props,scopedSlots,等div的属性)},'这是div')};

以上是在官网api里面找不到的坑,希望对你有所帮助吧,其他的请详细才看官网吧,