vue table 关键字模糊查询

vue input 输入框绑定v-model

  <el-input placeholder="请输入搜索内容"
                      style="width: 400px;margin-left: 500px"
                      v-model="filterText"
                      ></el-input>

table表格:data绑定过滤器

<el-table
                        border style="width: 100%"
                        :data="tableData.filter(data => !filterText || data.name.toLowerCase().includes(filterText.toLowerCase()))"
                >

vue data

   data(){
        return{
            tableData: [],
            filterText:"",
        }
    },