avue的crud和form表单的封装,使得快速搭建表格表单以及新增编辑删除功能的快速格式化,这里具体讲解怎么使用avue的crud和form表单
1、首先引入avue.js(引入方式推荐npm安装,能更好的配合webpack打包工具使用)
如果您之前的项目使用过avue框架,升级版本的话可以如下操作
好了配置好avue包后,下面就开始玩她,这里主要讲解表格组件和表单组件的使用,其他的功能后续更新上
1、表格组件crud的使用,直接上代码
avue-curd组件中引入列表配置项option
option列表配置项如下
列表里面的字段不一一介绍 举一个栗子
封装好的api如下
怎么使用里面的方法呢 举一个栗子更新方法
这里基本就是crud组件的基本使用,里面的其他方法功能啥的后续讲解
接下来说下avue form组件,form组件先不单纯的去讲avue-form的使用,这里讲下怎么快速实现form表单的添加或者新增 编辑
下面在组件中添加个按钮实现添加功能
以上如果有什么问题或者不正确的地方可以提出共勉