复合可编辑表格组件vue实现,可新增行,可删除行可校验,可设置下拉框树形选择器多选

时间:2022-09-20 15:53:24
【文件属性】:

文件名称:复合可编辑表格组件vue实现,可新增行,可删除行可校验,可设置下拉框树形选择器多选

文件大小:167KB

文件格式:ZIP

更新时间:2022-09-20 15:53:24

vue js html css

功能描述:可编辑表格,可新增行,可删除行,可触发表单校验,可设置下拉框树形选择器多选文本框等格式,可编辑表格可设置编辑和只读两种状态 适用人群:具备一定编程基础,工作1-3年的前端研发人员 适用场景:应用场景需要批量添加字段相同取值不同的数据,数据处理可用可编辑表格的功能实现,本组件的编辑表格组件可添加行,可删除行,可默认赋值进行修改,可点击数据查看详情表格只读。本组件可对表格字段进行自定义,可将填写数据设置成单选下拉选,树形结构选择器,多选下拉选,文本框,可对某字段触发特定校验,可设置字段的必填选填,还可以将某行的值复制到其他所有行避免用户重复填写 技术范围:vue,js,html,css 阅读建议:此资源以开发简化版组件学习其原理和内核,不仅是代码编写实现也更注重内容上的需求分析和方案设计,所以在学习的过程要结合这些内容一起来实践,并调试对应的代码,编写可复用组件代码,避免重复造*


【文件预览】:
.babelrc
config
----index.js(2KB)
----prod.env.js(61B)
----dev.env.js(156B)
package.json
index.html
package-lock.json
static
----.gitkeep(0B)
src
----App.vue(448B)
----assets()
--------logo.png(7KB)
----main.js(464B)
----components()
--------addTable.vue(11KB)
--------HelloWorld.vue(11KB)
----router()
--------index.js(251B)
.eslintrc.js
.gitignore
README.md
.eslintignore
.editorconfig
build
----utils.js(3KB)
----build.js(1KB)
----webpack.prod.conf.js(5KB)
----check-versions.js(1KB)
----webpack.dev.conf.js(3KB)
----logo.png(7KB)
----webpack.base.conf.js(2KB)
----vue-loader.conf.js(553B)
.postcssrc.js

网友评论