
Element-Ui
黎明の光
这个作者很懒,什么都没留下…
展开
-
点击el-select 选择项,el-table中显示相对应条目
想要的功能效果图如下: 当点击“应聘岗位”的下拉选择框后,表格里出现应聘岗位相对应的数据条目。 需要说明的是,表格和分页我是单独抽离成一个子组件来写的,因此,点击父组件的下拉选项,表格出现相对应内容涉及到el-select的change事件和父组件调用子组件方法。 父组件的核心代码 <template> <!-- 这是子组件tableInfo --> <div class="panel_body"> <!-- ref可以拿到子组件中的data.原创 2020-09-14 15:56:51 · 2280 阅读 · 0 评论 -
element-ui实现表格分页和搜索功能
一.首先展示下做出的页面效果 1.以下页面是物资列表界面,将所有的物资分页展示出来。 2.将搜索内容分页展示出来,以下页面是含关键字“子”时展示的数据 二.具体的实现 1.物资列表分页显示是使用了element-ui中el-table和el-pagination标签。代码如下: div class="table_resource" style="text-align:center"> <el-table :data="showTable" border原创 2020-08-07 11:16:19 · 9770 阅读 · 4 评论