效果如图:
思路是搜索时根据url传关键词(非常抱歉录屏时没录到地址栏),然后根据返回的数据生成<li>
,如果传一个空的值,就会返回数据库里的所有数据(我这里只有7条数据)。
- html部分:
<div class="search-input">
<input class="input-text" type="text" placeholder="人间失格" />
<button onclick="tosearch()">搜索</button>
</div>
<!--我是分界线-->
<div id="app2">
<div class="content">
</div