1.实现搜索框和搜索按钮
<el-col>
<el-input
style="width: 300px;"
placeholder="请输入文章id"
class="input-with-select"
v-model="query"
clearable
@clear="getArticle"
>
<template #append>
<el-button @click="selectList">搜索</el-button>
</template>
</el-input>
</el-col>
@clear="getArticle" 清楚搜索框重新发送请求获取文章列表
2.实现方法
selectList(){ //搜索文章
this.articleList = this.articleList.filter(item => item.id === this.query)
},