vue实现简单的百度接口搜索框

最新推荐文章于 2024-08-06 03:42:42 发布

前端小臂猿

最新推荐文章于 2024-08-06 03:42:42 发布

阅读量1.1k

点赞数

文章标签： javascript 前端 vue.js html

本文链接：https://blog.csdn.net/m0_64337756/article/details/123824839

版权

本文将介绍如何利用Vue.js和JavaScript实现一个简单的百度接口搜索框功能。通过结合HTML，实现用户输入关键词后，调用百度接口进行实时搜索，并展示搜索结果。

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

效果展示

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>百度搜索</title>
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
      integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
      crossorigin="anonymous"
    />
    <script src="./js/vue.js"></script>
    <style>
      .active {
        background: blue;
        c