二、使用步骤

点击“启用wifi”按钮表格中有数据，如图所示：

点击关闭按钮，表格数据不显示：

1.界面代码

代码如下（示例）：

<el-form ref="form" :model="form" label-width="80px">
        <el-form-item label="启用WIFI">
            <el-switch v-model="form.delivery" @change="selectType()"></el-switch>
        </el-form-item>
 </el-form>
 <el-table :data="tableData" align="center" style=" height:800px;overflow:auto" border>
 </el-table>

2.js部分的逻辑判断

代码如下（示例）：

// 获取表格数据***********************************************
    getTableData() {
      getWifiList().then(res => {
        this.allData = res.data;
        this.tableData = this.allData.slice(0, this.page.pageSize);
        this.page.total = this.allData.length;
      });
    },
    // 判断wifi开关状态
    selectType(){
        if(this.form.delivery){
            this.getTableData()
        }else{
             this.tableData=undefined;
             this.tableData== new Array();
        }
    }