![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Element-Ui
黎明の光
这个作者很懒,什么都没留下…
展开
-
点击el-select 选择项,el-table中显示相对应条目
想要的功能效果图如下:当点击“应聘岗位”的下拉选择框后,表格里出现应聘岗位相对应的数据条目。需要说明的是,表格和分页我是单独抽离成一个子组件来写的,因此,点击父组件的下拉选项,表格出现相对应内容涉及到el-select的change事件和父组件调用子组件方法。父组件的核心代码<template><!-- 这是子组件tableInfo --> <div class="panel_body"><!-- ref可以拿到子组件中的data.原创 2020-09-14 15:56:51 · 2123 阅读 · 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 · 9383 阅读 · 4 评论