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来控制一行显示几个。