vue-form-table(vuejs+element-ui的表格表单控件的二次封装插件)

JavaScript010

vue-form-table(vuejs+element-ui的表格表单控件的二次封装插件),第1张

基于element-ui的el-form和el-table做的二次封装

仓库地址: https://gitee.com/ziyuan_xcc/vue-form-table

组件说明文档: https://shimo.im/docs/Pg3WWJpYr6PJHjqh

1.在页面div中创建一个空白表,可以根据需要对其进行定制。

2.创建表之后,我们可以编写关键代码来动态生成表。我们编写了一个js方法来触发使用。

3.在<TB >标签中,我们添加了标签,主要用于提供用户输入参数,而全局变量num主要用于区分每个添加参数的唯一id。

4.获取表中的数据,以供下图参考。

5.一旦我们获得了表中的数据,我们就应该将其转换成json数据的形式。

把你的js复制到记事本中,然后将记事本的拓展名(.txt)改为js(javascript)的拓展名(.js)就行了,当你在某个页面(如:html、jsp、asp等)中要用到该js的方法,只需将你刚才封装的js引入到页面中就可以调用其中的方法了。