vue input输入框实时搜索

废话不多说先看效果：

代码如下：

<template>
  <div style="padding-left: 3px; margin-top: 3px">
    <!-- 搜索框 -->
    <div class="input-warp">
      <input
        class="input"
        v-model="keyWord"
        type="text"
        placeholder="输入城市名称进行查找"
      />
      <el-button class="input-search" icon="el-icon-search" circle></el-button>
    </div>
    <div class="searchList" v-if="keyWord">
      <ul>
        <li
          v-for="(item, index) in searchData"
          :key="index"
          @click="chooseCode(item)"
        >
          {
   {
    item.name }}
        </li>
        <li v-if="searchData.length == 0">暂无相关城市，请换个城市进行搜索</li>
      </ul>
    </