如何路由或连接搜索过滤器以在另一个组件vue中进行搜索
如何路由或连接搜索过滤器以在另一个组件vue中进行搜索
提问于 2021-04-12 05:10:00
我有两个search components，我想将第一个组件的搜索与另一个组件上的搜索过滤器连接起来。我如何将这两者连接起来？
in the first component
<input type="text" class="searchTerm" placeholder="What are you looking for?" v-model="str" aria-label="Search" />
<button type="submit" class="searchButton" @click="$router.push('/internships')" @click.prevent="performSearch()">
<i class="fa fa-search"></i>
</button>In the second component
<form @submit.prevent="performSearch" class="search p-2 bg-2">
<input type="text" class="searchTerm" v-model="str" placeholder="Search?"/>
<button class="searchButton" type="submit">
<i class="fa fa-search"></i>
</button>回答 1
Stack Overflow用户
发布于 2021-04-12 07:05:46
您可以传递到您的路由查询，然后从URL获取它们。
$router.push(path: 'internships', query: {searchText: 'str in your case'})
// Then for get the query from url:
this.$route.query.searchText请阅读本文以了解更多信息。https://router.vuejs.org/guide/essentials/navigation.html
注意:用户可以在步骤之间编辑url。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67052951
复制
相似问题
手动设置curl的cookie文件
PHP cURL cookie问题
Php Curl Cookie登录
Php Curl登录Cookie如何设置Cookie
php -将cookie添加到curl的cookiejar
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
