今天写项目我遇到了一个问题,我把搜索框放在上面(top里面),内容放在下面(index里面也就是views文件夹下面)
在其他页面搜索,会跳转到result页面,会执行created生命周期钩子函数,按期望出现结果,这没问题。但是接着在这个result页面再搜索关键字,便只会获得参数,修改搜索的标题,但是不会执行created,也无法监听这个搜索参数。
如上图改变了搜索框的值搜索内容不变
我的解决办法如下:
// 侦听器
watch: {
'$route.query.q': 'search';//前面的是top搜索框传递过来的值
}
created(){
this.search();
}