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

 

 

posted on 2022-01-17 15:07  少林寺的智清大师  阅读(204)  评论(0)    收藏  举报

导航