搜索功能非常常見，element-ui自帶的輸入框以及清空功能，但是清空只能使輸入框清空，而不會使頁面跟着一起刷新，下面兩種方法可以使輸入框清空時頁面也回到搜索之前的樣子。
搜索框html:
<el-input style="width:200px;" placeholder="請輸入文件名稱" v-model="searchfilename" clearable>
<el-button icon="el-icon-search" slot="append" @click="searchFile"></el-button>
</el-input>
頁面加載（刷新）方法：
readData(){
};
清空方法：
1.直接在input里加上change事件，事件綁定頁面刷新方法即可。
<el-input style="width:200px;" placeholder="請輸入文件名稱" v-model="searchfilename" clearable
@change="readData">
<el-button icon="el-icon-search" slot="append" @click="searchFile"></el-button>
</el-input>
2.watch事件：（該事件與mounted事件並列）
watch: {
// 如果 `searchfilename` 發生改變，這個函數就會運行
searchfilename: function() {
if (this.searchfilename.length == 0) {
this.readData();
}
},
}