avue crud form组件的快速配置使用方法详细讲解

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表单的添加或者新增 编辑

下面在组件中添加个按钮实现添加功能

以上如果有什么问题或者不正确的地方可以提出共勉