在写一个项目的时候,我们在多个页面会使用到搜索功能,这时我们一般都会选择直接写一个组件给多个页面一起使用,下面我给大家分享一下我的组件封装,如果不妥之处,请多多指教!
1、子组件
<template>
<div id="searchblock" class="searching">
<div class="searchinput">
<div class="iconblock">
<span class="iconfont icon-Fill"></span>
</div>
<div class="inputblock">
<form class="searchform" id="searchform" action="">
<input id="input" v-model="keywords" type="text" :placeholder="placeholder" autocomplete="off">
</form>
</div>
</div>
</div>
</template>
<