vue.js|vue中如何在搜索框中实现关键字搜索
vue中用element组件库搭建搜索框进行搜索时，怎么进行关键字查询搜索呢
input是搜索框，button是搜索按钮，如何引入并且实现ui界面就不详细说明，主要是如何实现搜索功能
一、在el-input中用v-model绑定一个参数对象，我这里绑定了一个query的查询参数
data() {
return {
// 查询参数对象
queryInfo: {
query: '',
pagenum: 1,
pagesize: 10
},
二、当在input搜索输入关键字后，点击搜索按钮就应该调用获取数据列表的函数，我这里的数据列表函数是getGoodsList，getGoodsList一般是created生命周期函数中定义。目前就可以实现搜索功能！
created() {
this.getGoodsList()
}
【vue.js|vue中如何在搜索框中实现关键字搜索】三、在input 中添加clearable ，可以实现清除框内的关键字，既然关键字清除，就需要重新获取全部数据列表，则还需要在这里添加一个@clear事件，重新获取全部内容
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- java中如何实现重建二叉树
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数（）
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)
- VueX（Vuex|VueX（Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)
- vue中的条件判断详解v-if|vue中的条件判断详解v-if v-else v-else-if v-show