博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
SpringBoot+Vue(2)
阅读量:4624 次
发布时间:2019-06-09

本文共 1705 字,大约阅读时间需要 5 分钟。

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,分别指当前单元格数据,当前列数据,当前是第几行。

转载于:https://www.cnblogs.com/BigXu/p/11200863.html

你可能感兴趣的文章
常用Maven命令
查看>>
j2ee爬坑行之二 servlet
查看>>
vue+element-ui实现表格checkbox单选
查看>>
autofac
查看>>
MacOS 系统终端上传文件到 linux 服务器
查看>>
Excel导出POI
查看>>
兼容性
查看>>
自动执行sftp命令的脚本
查看>>
转 Merkle Tree(默克尔树)算法解析
查看>>
网络编程基础之socket编程
查看>>
各种浏览器的user-agent和
查看>>
Restful levels
查看>>
Phonegap移动开发:布局总结(一) 全局
查看>>
Java 变参函数的实现
查看>>
nrf51 SDK自带例程的解读
查看>>
SESSION技术
查看>>
数据结构(五)之直接插入排序
查看>>
SQL函数——LENGTH()和LENGTHB()
查看>>
vim - manual -个人笔记
查看>>
详解Javascript中prototype属性(推荐)
查看>>