首页 > 其他 > 详细

vue 节流

时间:2019-09-05 14:48:03      阅读:134      评论:0      收藏:0      [点我收藏+]

vue 节流

说明:这里简单的列举一个搜索的节流案例

<template>
    <div>
      <input v-model="keyword" type="text" placeholder="输入城市名或拼音">
    </div>
</template>
export default {
  data () {
    return {
      keyword: '',
      timer: null
    }
  },
  watch: {
    keyword () {
      if (this.timer) {
        clearTimeout(this.timer)//阻止setTimeout函数的执行
        }
      this.timer = setTimeout(() => {
      //这里编写需要执行的函数
      }, 100)
  }
} 

vue 节流

原文:https://www.cnblogs.com/hiiu/p/11465522.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!