vue封装搜索组件
1、引入搜索组件
<Serach v-on:inputValue="inputValue" />
2、引入搜索组件路径
import Serach from './Search'
3、事件处理代码
export default {
components: {
Serach
},
methods: {
inputValue (inpVal) {
console.log(inpVal)
}
}
}
搜索框组件代码
<template>
<div class="search"><!-- 搜索组件 -->
<!-- 搜索左边区域 -->
<div class="search_left"></div>
<!-- 搜索区域 -->
<div class="search_input">
<div class="search_input_icon">
<svg t="1590583132901" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2822" width