list-page学习总结
简述: list-page是web端的一个公用组件,涉及每个页面的一级页面,由搜索的form,中间的button,展示的table和最下面的分页组成,通过import引入,再通过Vue.component挂载到全局。

list-page 一共由四个div组成。
第一部分:
1.@submit.native.prevent 阻止表单默认提交。 .native 表示一个组件绑定系统原生事件。 .prevent 表示提交以后不刷新页面。
原因分析:当一个表单下,如果只有一个文本框时,按下回车将会触发表单的提交事件。

2.el-row 包裹 el-col, 提供 gutter
属性来指定每一栏之间的间隔, 通过 col 组件的 span
属性我们就可以自由地组合布局,注意:span没必要写死,通过设置
tSpanWidth来控制一行显示几个。
