【element-vue】 条件搜索table表格分页页面布局

 条件搜索 表格 分页页面布局

 

1首页写表格 引入搜索和分页组件

<template>
  <div>
    <SearchComponent @searchChangeFun="searchChangeFun"></SearchComponent>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column
        v-for="item in tableHeader"
        :key="item.index"
        :label="item.label"
        :prop="item.prop"
      >
        <template slot="header" slot-scope="scope">
          <div class="name-sort">
            <span>{
  { scope.column.label }}</span>
          </div>
        </template>

        <template slot-scope="scope">
          <span v-if="item.prop === 'name