1. 配置路由接受参数
通过在页面路由配置中配置
props
属性【函数式】,便于在搜索页面进行参数获取以及监视
{
path: '/search/:searchText?',
component: Search,
name:"search",
//使用props接受params、query参数
props:($route)=>{
return {
searchText:$route.params.searchText,
keyWords:$route.query.keyWords,
}
}
}
Search.vue
props:["searchText","keyWords"],
data(){
return {
}
},
watch: {
//监视查询条件是否变化
searchText(){
//查询数据库,更新页面
console.log("查询条件变了。。。")
}
},