vue之debounce属性被移除及处理详解


Posted in Javascript onNovember 13, 2019

vue 2.0 debounce已经被移除

参考文档:

https://cn.vuejs.org/v2/guide/migration.html#替换-debounce-过滤器

https://vuejs.org/v2/guide/migration.html#debounce-Param-Attribute-for-v-model-removed

完整代码:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>vue-循环重复</title>
  <script src="https://unpkg.com/vue@2.5.9/dist/vue.js"></script>
  <script src="https://unpkg.com/lodash@4.13.1/lodash.min.js"></script>
</head>
<body>
<div id="box">
  <input type="button" @click="add" value="添加">
  <ul>
    <li v-for="val in arr">
      [[val]]
    </li>
  </ul>
</div>
<script>
  var vm = new Vue({
    delimiters: ['[[', ']]'],
    el: '#box',
    data: {
      arr: ['apple', 'pear', 'grape']
    },
    methods: {
      add: _.debounce(function () {
        this.arr.push('tomato')
      }, 1000)
    }

  })
</script>
</body>
</html>

在使用官方的'_.debounce()时要导入:

<script src="https://unpkg.com/lodash@4.13.1/lodash.min.js"></script>

以上这篇vue之debounce属性被移除及处理详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
10个新的最有前途的JavaScript框架
Mar 12 Javascript
关于全局变量和局部变量的那些事
Jan 11 Javascript
js字母大小写转换实现方法总结
Nov 13 Javascript
Bootstrap实现下拉菜单效果
Apr 29 Javascript
jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载(二)
Jun 22 Javascript
Backbone中View之间传值的学习心得
Aug 09 Javascript
基于Node.js的WebSocket通信实现
Mar 11 Javascript
Vuex之理解Mutations的用法实例
Apr 19 Javascript
vue中页面跳转拦截器的实现方法
Aug 23 Javascript
详解VUE单页应用骨架屏方案
Jan 17 Javascript
详解JavaScript 的变量
Mar 08 Javascript
基于vue实现圆形菜单栏组件
Jul 05 Javascript
Vue的click事件防抖和节流处理详解
Nov 13 #Javascript
vue表单数据交互提交演示教程
Nov 13 #Javascript
解决vuex数据异步造成初始化的时候没值报错问题
Nov 13 #Javascript
前端vue-cli项目中使用img图片和background背景图的几种方法
Nov 13 #Javascript
基于vue-cli3和element实现登陆页面
Nov 13 #Javascript
vue data引入本地图片的两种方式小结
Nov 13 #Javascript
vue中的 $slot 获取插槽的节点实例
Nov 12 #Javascript
You might like
DC《神奇女侠2》因疫情推迟上映 温子仁新恐怖片《恶性》撤档
2020/04/09 欧美动漫
第二节 对象模型 [2]
2006/10/09 PHP
基于empty函数的输出详解
2013/06/17 PHP
Laravel中使用自己编写类库的3种方法
2015/02/10 PHP
php修改文件上传限制方法汇总
2015/04/07 PHP
JS array 数组详解
2009/03/22 Javascript
类似CSDN图片切换效果脚本
2009/09/17 Javascript
基于jQuery的图片大小自动适应实现代码
2010/11/17 Javascript
Javascript中Event属性搜集整理
2013/09/17 Javascript
JavaScript插件化开发教程 (三)
2015/01/27 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
2015/11/19 Javascript
js+html5实现侧滑页面效果
2017/07/15 Javascript
vue2.0+koa2+mongodb实现注册登录
2018/04/10 Javascript
JavaScript实现动态添加、移除元素或属性的方法分析
2019/01/03 Javascript
webpack4 optimization使用总结
2019/11/10 Javascript
vue中destroyed方法的使用说明
2020/07/21 Javascript
vue-cli单页面预渲染seo-prerender-spa-plugin操作
2020/08/10 Javascript
[01:03:33]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python字符串详细介绍
2015/05/09 Python
Python使用三种方法实现PCA算法
2017/12/12 Python
python操作excel的方法
2018/08/16 Python
twilio python自动拨打电话,播放自定义mp3音频的方法
2019/08/08 Python
如何打包Python Web项目实现免安装一键启动的方法
2020/05/21 Python
浅谈pytorch中的BN层的注意事项
2020/06/23 Python
python 实现socket服务端并发的四种方式
2020/12/14 Python
Django视图类型总结
2021/02/17 Python
名词解释WEB SERVICE,SOAP,UDDI,WSDL,JAXP,JAXM;JSWDL开发包的介绍。
2012/10/27 面试题
幼儿园健康教育方案
2014/06/14 职场文书
工商管理专业毕业生自我鉴定2014
2014/10/04 职场文书
中学社团活动总结
2015/05/07 职场文书
2015年乡镇平安建设工作总结
2015/05/13 职场文书
Django展示可视化图表的多种方式
2021/04/08 Python
带你彻底理解JavaScript中的原型对象
2021/04/14 Javascript
MySQL sql_mode的使用详解
2021/05/08 MySQL
PyTorch dropout设置训练和测试模式的实现
2021/05/27 Python
Oracle数据库事务的开启与结束详解
2022/06/25 Oracle