vue 之延时刷新

兮川

已于 2022-11-08 13:00:43 修改

阅读量1.1w

点赞数 2

分类专栏：前端文章标签： Vue延时刷新

于 2019-01-10 15:33:02 首次发布

本文链接：https://blog.csdn.net/zc_ad/article/details/86235227

版权

当我们要做一个实时搜索时，用watch监控数据，当数据不断变化时，不可能立刻进行接口的请求，这样会给服务器带来麻烦，使服务器负载加重，此时就需要一个延时加载机制。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>xichuan</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/element-ui/2.4.11/theme-chalk/index.css"/>
    <<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://cdn.bootcss.com/element-ui/2.4.11/index.js"></script>
</head>
<body>
<div id="test">
    <el-input id="inputSearch" placeholder="输入关键字搜索" suffix-icon="el-icon-search" size="mini" v-model="search"></el-input>
        {
  {show}}
</div>
</body>
<script>
new Vue({