在 Vue 项目中关于 table查询 以及 页面跳转 的实现

1.获取 input 的值：

:model="filters"    //表单过滤
<el-input v-model="filters.name" placeholder="姓名"></el-input>  //input数据双向绑定

2.js初始化

3.在 当前 表格实现 页面跳转

<el-table-column  label="姓名"  width="180">
<template scope="scope">
    <el-icon name="name"></el-icon>
    <span style="margin-left: 10px"  @click="handTopage()">{{ scope.row.name }}</span>
</template>
</el-table-column>

 //点击姓名跳转
        handTopage(){
            console.log('ssss')
            window.location.href = '/#/页面地址'     //必须加 #
        }