前言:
组内大佬交给我们一个任务,说好的前后端分离,但是后端同学直到做完才丢给我一个后端项目,连份接口文档都没得。擦,之前用vue ant design 练的手,这么一个简单的表格应用好像光用vue有些样式没得搞,所以起初的想法是vue+bootstrap,所以做出来的效果是:
呃,有些那个啥是吧。最后发现bootstrap-table 这个插件好像不错,所以,就进入bootstrap-table踩坑了。。。
1、bootstrap-table引入
2、初始化
跨域问题,属性设置,ajax请求
3、bootstrap-switch在表格中的应用
初始化,渲染生效
4、模态框中表单的应用
5、利用模态框表单完成新增
表单使用button提交,提交后模态框关闭,清空表单,表单验证,验证后重置验证规则