VUE输入框输入事件做防抖

最新推荐文章于 2024-05-22 16:08:16 发布

wei佳

最新推荐文章于 2024-05-22 16:08:16 发布

阅读量734

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_47426048/article/details/125371787

版权

Vue.js 防抖输入事件性能优化回调函数

关键词由CSDN通过智能技术生成

VUE输入框输入事件做防抖



	<el-form-item prop="discount" label="请输入折扣率：">
      <el-input v-model="formData.discount" style="width:150px" placeholder="请输入" clearable @input="(val) => { handleInput(500,percentComp,val)}">
       <template slot="append">%</template>
      </el-input>
    </el-form-item>



    handleInput(delay, cb, val) {
      clearTimeout(this.timer)
      this.timer = setTimeout(() => {
        cb(val)
      }, delay)
    },


    percentComp(val) {
      // do something
    },