前提是不写复杂的方法,当input输入框中数据发生变化时,不用点击搜索按钮,可以自动搜索的
查了官方文档,才找到了一些方法
于是我把input加入到了我的输入标签中
<el-form-item label="XXX" prop="test">
<el-input
v-model="queryParams.test"
placeholder="请输入XXX"
clearable
@input="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
其中的“handleQuery”是查询方法,和搜索方法中的查询方法是一样的,用@input,可以在input的值发生变化时触发。