用Vue做个最简单的搜索框

最新推荐文章于 2024-07-24 10:48:36 发布

youngcave2

最新推荐文章于 2024-07-24 10:48:36 发布

阅读量2.5k

点赞数

分类专栏： vue入门文章标签： vue 搜索框 js

本文链接：https://blog.csdn.net/yougcave/article/details/120789664

版权

本文介绍了如何使用Vue.js创建一个简单的搜索框，并逐步演示了如何添加百度、淘宝和京东等搜索引擎，通过修改URL参数实现搜索功能。核心代码为：window.location.href='http://wwww.baidu.com/s?wd='+vm.str。

摘要由CSDN通过智能技术生成

一、找出百度搜索的链接

打开百度，随便搜索一下，看搜索之后的超链接

把超链接复制过来

https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=2&tn=baiduhome_pg
&wd=%E7%BE%8E%E5%A5%B3&rsv_spt=1&oq=aaaa&rsv_pq=f9b7672e00107958
&rsv_t=d8ffFNea8wEXuIaTs6YsHDI%2B5E7CAwyC9q9yzGJaqKPT5kdjSXdBdbEjResWsnLZfMTr
&rqlang=cn&rsv_dl=tb&rsv_enter=0&rsv_sug3=4&rsv_sug1=3
&rsv_sug7=100&rsv_btype=t&inputT=4878&rsv_sug4=4880

在里面找出刚才用的搜索关键字“美女”就行了，一眼看出%E7%BE%8E%E5%A5%B3就是“美女”。。。。当然也有可能不是！重新再来一次

这次复制出来的链接是这样的

https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=2&tn=baiduhome_pg&wd=girl
&rsv_spt=1&oq=meivn&rsv_pq=89bd9fa7000906bc&
rsv_t=be74WiwNjxi3T3TXASratRp%2B6GYJ79JhIYt4%2F%2FhxBYeZXC%2Fw5dcQW6qFjabw%2BOxdX%2FDK
&rqlang=cn&rsv_dl=tb&rsv_enter=0&rsv_btype=t&i