sau交流学习社区—vue总结：使用vue的computed属性实现监控变量变化，使用vue的watch属性监控变量变化从而实现其他业务

有时候遇到这么个需求，输入框为空的时候，请求一遍接口，如果输入框不为空的时候，需要点击搜索按钮请求接口。

我第一反应是做一个computed属性监控这个输入框的值，一旦监控发现值为空，我就重新执行一遍请求的方法。

<el-col :xs="8" :sm="8" :md="4" :lg="4" :xl="4"> <el-input v-model="searchContent" placeholder="请输入相关内容"></el-input> </el-col> <el-col :xs="8" :sm="8" :md="4" :lg="4" :xl="4"> <el-button @click="search()" type="primary">搜索</el-button> </el-col>