【vue】搜索框实现--模糊匹配&&动态刷新，简单模拟

vue

App.vue

/* eslint-disable no-unused-expressions */

<template>
  <div class="main">
    <div id="App">
      <header>
        <input type="text"
               placeholder="请输入内容"
               v-model="msg"
               id="toInput">
        <button @click.enter="handleClick">搜索</button>
        <div v-if="toShow.length">
          <ul id="toshow"
              :style="isShow?{'display':'block'}:{'display':'none'}">
            <li v-for="item in toShow"
                :key="item.id">{
   {
   item.name}}---{
   {
   item.id}}</li>
          </ul>
        </div>
        <div v-else
             :style="isShow?{'display':'block'}:{'display':'none'}">
          没有找到内容
        <