文章浏览阅读411次。场景：  在列表的上方总会有一个模糊查询的搜索框，通过输入内容，点击搜索按钮，对列表进行查询并更新内容。思路：使用的是ui组件库是element ui，首先复制一个基本的input和一个button组成上面的搜索框。input输入框v-model绑定的值即是从父组件列表页传过来的需要搜索的值；button按钮则@click绑定搜索事件，将搜索值通过该事件发射到父组件页面，父组件页面通过接收该事件，并给参数赋值，调用接口刷新页面。在main.js中将该组件注册为全局组件，供该项目任一页._v-model:search