[自学笔记] vue.js 关键字搜寻

参考文章:https://cythilya.github.io/2017/04/15/vue-watch/

<el-input placeholder="快速搜寻" prefix-icon="el-icon-search" v-model="searchID"></el-input><el-table :data="dataList" border style="width: 100%">      <el-table-column fixed label="帐号" min-width="150" prop="accountID"></el-table-column>        <el-table-column label="资讯" min-width="150" prop="data"></el-table-column> </el-table><script>export default {  name: "UserPage",  data() {        return {            searchID: "",            dataList:[]        };    },    watch:{    // 与要监听的data命名一样(searchID)        searchID:function(){            this.fasterSearch();        }    },    methods:{         fasterSearch() {             // 使用filter对dataList的ID做筛选         }    }, }</script>

使用的是vue-cli + element_UI

先送API请求，要到资料后绑订到this.dataList给table渲染透过watch特性

 (文章: Watch 可让我们监视某个值，当这个值变动的时候，就去做某些事情。)

所以就可监听input输入框输入而改变searchID值的时候执行fasterSearch()，筛选出对应的资料，做到不需要再按输入键(Enter)才能进行筛选的动作