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表單的添加或者新增 編輯

下面在組件中添加個按鈕實現添加功能

以上如果有什麼問題或者不正確的地方可以提出共勉