Vue的学习,iView。
iView是一套基于Vue.js的开源UI组件库在使用前,我们需要将它导入项目,步骤就不多说了。
几个重点部分:项目中常用到的Form表单,
以一段代码为例,Form表单的最重要的作用,就是需要将数据返回给后台并进行处理,
其中的model属性是指表单的数据对象,对象的具体成员,需要在下面的data()中定义,
rules属性是指表单的验证规则,比如每个对象成员的数据类型,长度,是否必填等等,
FormItem中的prop属性是指对应表单域 model 里的字段,label则是标签的文本。
同时,v-model则是双向数据绑定,提交数据与数据回显都十分的方便。
另一个重要的部分则是Table了,在后台将数据返回给前端时,需要用到Table来将数据显示在前端页面。
同样的,我们以一段代码来看。
border属性指的的是否显示纵向边框,
columns指的是表格列的配置描述,
data指的是显示的结构化数据,
而具体的表格的表头内容需要在data()中定义,而表格所显示的数据源,也需要在data()中定义。其中一个重要的特性则是render函数。
render 函数传入两个参数,第一个是 h,第二个是对象,包含 row、column 和 index,分别指当前单元格数据,当前列数据,当前是第几行。